来写一个CSS工程实例感受一下前端工程化的便利。顺便也复习一下CSS。 项目文件结构 分离CSS文件与导入CSS文件 BEM理念与拼接类名 编写CSS样式 项目文件结构 这个项目的例子采用了Udemy课程第五部分的例子，使用WebStorm创建新的Node.js项目，然后把项目的源代码复制进来。打开
Gulp其实就是一个实现自动监听文件变化，调用插件来进行编译各种工程文件的工具。本质上和webpack是一样的。只不过配置的内容更加详细。 Gulp主要是通过安装插件，然后在gulp的任务文件里定义好需要监听的文件内容，然后调用插件进行预处理，最后在指定的位置生成最终工程文件。 Udemy的课程没有
前端工程化 搞Web开发，想要当全栈工程师，前端也是必须要过去的坎。别的先不说，Java+JavaScript两大语言都要练好。 刚学Web开发的时候，自己可以写页面，用jQuery，后端渲染，但是当时还没有前后端分离。 现在要用Vue搞前后端分离，几乎所有的Vue教学都要用到Webpack等开发，
Virtual Dom Render函数例子 createElement 事件修饰符和按键修饰符 Virtual Dom 虚拟DOM节点 一般来说，我们的组件的模板都是写在template元素里的，当然也可以写在其他的元素里。不管什么元素，都会被Vue解析成Virtual Dom。 更新DOM的操作
第一个项目 古人云：学编程，一定要写一个完整的项目出来。 在去年的10-11月，为公司写过一个合同管理项目，是我学了Web开发之后写的第一个项目。 当时由于这方面的需求比较强烈，公司又没有一个像样的信息系统，就前后花了两个星期的时间，和其他部门开会问需求，然后写出初版进行测试，最后正式上线。虽然都不
自定义指令基本用法 例子 自定义指令基本用法 自定义指令就像是之前使用的v-if,v-show等，本质上是解析一段表达式，并给当前元素绑定一个指令对象。和组件很像，也分为局部注册和全局注册，注册的函数是directive。 全局注册： Vue.directive('focus',{})
局部注册：
组件通信综述 子组件向父组件传递数据：v-on监听自定义事件 子组件向父组件传递数据：v-model绑定 非父子组件通信 使用slot 父组件向子组件传递数据：props使用字符串数组 作用域插槽 访问slot 组件高级用法 异步更新DOM后执行代码 X-Template
组件基础概念 全局注册 局部注册 is属性强制挂载组件 组件的其他属性 父组件向子组件传递数据：props使用字符串数组 单向数据流 父组件向子组件传递数据：props使用对象 组件基础概念 一个组件在HTML里就像是一个自定义标签，一个组件同时也是一个Vue实例，会根据实例的内容被渲染成实际的样子
基本用法：v-model双向绑定 单选按钮Radio 复选框Checkbox 选择列表Select-Option option动态输出 单选的时候绑定数据对象 修饰符 v-model双向绑定 双向绑定以后，表单显示的值只依赖于绑定的数据，不再使用初始化的value属性，在textarea标签之间插入
app.$el访问被绑定的元素 data可以绑定js对象实现双向绑定 Vue实例的生命周期 v-pre 不渲染 {{表达式}} filters 过滤器 计算属性的getter和setter方法 用key属性鉴别独立性 总结 app.$el访问被绑定的元素 使用Vue实例的变量名称+ $el可以直接访
