weixin_52129860的博客

接触了组件后，应该需要了解整个实例的生命周期是怎么样的，有哪些钩子函数，在哪个阶段我们能操作什么，实例在不同的阶段都会抛出不同的钩子函数，方便开发者能够精确的控制整个流程。一个 Vue 实例从创建到销毁的完善周期，以及相关周期，向外抛出的钩子函数。

Vue 支持模块化和组件化开发，可以将整个页面进行模块化分割，低耦合高内聚，使得代码可以在各个地方使用。知识点组件注册组件复用组件通信动态组件本小节学习了 Vue 组件注册以及使用，了解了组件间通信模式，父向子 props，子向父 emit 自定义事件。组件注册组件复用组件通信动态组件。

v-model 指令基础用法值绑定修饰符本节学习了表单元素的处理方法，基础用法，表单元素的值绑定方法，以及便捷的表单修饰符。

在日常的开发中，表单随处都被使用到，如：登录，问题反馈功能等。对表单的数据收集和绑定也是很常规的工作。在一般开发中处理表单，需要通过操作 DOM 来实现，是一个相对繁琐且低效率的工作。然而在 Vue 项目中你可以用 v-model 指令在表单 、 及 元素上创建双向数据绑定。轻松地实现表单数据收集或绑定，提高了开发效率。它会根据控件类型自动选取正确的方法来更新元素。负责监听用户的输入事件以更新数据，并对一些极端场景进行一些特殊处理。接下来带领大家看看其基础用法。知识点v-model 指令基础用法。

事件绑定指令事件处理方法内联方法修饰符本小节的知识相对比较重要，开发中经常会遇到，一定要理解和实践。

在平常开发中，对 DOM 的操作很常见，然而 Vue 中是虚拟 DOM 不太提倡直接进行原生 DOM 操作，降低性能。在 Vue 中可以使用 v-on 指令来操作 DOM 事件。知识点事件绑定指令事件处理方法内联方法修饰符。

v-if 和 v-elsev-showv-if 和 v-show 比较v-for 将数组数据渲染成元素v-for 将对象数据渲染成元素key 属性数组更新检测对象更新的注意事项本小节涉及的知识点比较多，但是还是比较容易理解，并且这些指令方法基本都会搭配使用，重点需要注意数组和对象操作中一些小知识，有些情况下用 Vue.set 来操作数组或者对象，才能建立响应式，才能触发视图更新。

前面提到 Vue.js 的作用是动态的构建用户界面，灵活的控制渲染是很有必要的，快速构建也是很有必要的，条件渲染和循环渲染，在视图构建中起着重要作用。知识点v-ifv-if 指令用于条件性地渲染一块内容。这块内容只会在指令的表达式返回除了 false，0，“”，null，undefined 和 NaN 外的值的时候被渲染。使用以下命令引入vue.js 文件。例如：当 display:true 时，运行结果：当 display:false 时，运行结果：使用 v-else 指令来表示 v-if 的“

操作元素的 class 列表和内联样式是数据绑定的一个常见需求。因为它们都是属性，所以我们可以用 v-bind 处理它们：只需要通过表达式计算出字符串结果即可。不过，字符串拼接麻烦且易错。因此，在将 v-bind 用于 class 和 style 时，Vue.js 做了专门的增强。表达式结果的类型除了字符串之外，还可以是对象或数组。动态的绑定与修改。知识点元素的 class 对象语法绑定元素的 class 数组语法绑定元素的 style 对象语法绑定元素的 style 数组语法绑定。

前面我们接触到了 Vue 实例选项中的 el、data、methods 这三个属性，还记得它们各自的用途吗？接下来我们将学习实例的其他属性。知识点计算属性计算属性中 getter 和 setter侦听属性计算属性与侦听属性对比过滤器的使用计算属性计算属性中 getter 和 setter侦听属性计算属性与侦听属性对比过滤器的使用相信大家收获肯定不少，赶快检验自己有没有掌握。

双大括号表达式插值v-bind 指令v-on 指令指令缩写本小节让我们学习了 Vue.js 模板语法，了解双大括号表达式，以及模板插值，模板上简单的指令应用，指令的缩写模式等，相信大家对 Vue.js 已经有了初步了解，看看自己掌握没有，我们将进入更深入的学习。

相信模板语法大家多少都有所接触，例如百度模板引擎、ejs等等。同样 Vue.js 也使用了基于 HTML 的模板语法，允许开发者声明式地将 DOM 绑定至底层 Vue 实例的数据。所有 Vue.js 的模板都是合法的 HTML ，所以能被遵循规范的浏览器和 HTML 解析器解析，通俗的讲 Vue 模板语法就是在使用 Vue.js 开发时，你可以写在 HTML 元素上的操作语法，让你开发更高效，例如：绑定样式，循环出元素列表等。知识点双大括号表达式插值v-bind 指令v-on 指令指令缩写。

知识点Vue 与其他框架的对比及特点安装 Vue 的方法node 的安装vue-cli 的安装Vue 开发者工具的安装Vue 创建实例Vue 数据的双向绑定及响应式官网Vue 与其他框架的对比及特点安装 Vue 的方法node 的安装vue-cli 的安装Vue 开发者工具的安装Vue 创建实例Vue 数据的双向绑定及响应式。