Vue声明式渲染、条件与循环、事件绑定、双向绑定以及生命周期

一、{{ message }}
1.{{ message }} 这个就是模板语法，而使用模板语法的这种方式(手段)，就叫做声明式渲染
2.声明式渲染是vue对数据进行操作的模式，也叫做响应式渲染，当dom节点上绑定了vue的对象的属性时，
如果这个属性发生了改变，无需你进行其它的操作，页面上的数据会自动发生变化，所以叫做响应式渲染。
但是需要注意的是，响应式渲染的前提是vue对象默认有这些属性存在
二、v-if
1. v-if 指令用于条件性地渲染一块内容，但是如果想切换多个元素，此时可以把一个 元素当做不可见的包裹元素，并在上面使用 v-if。最终的渲染结果将不包含 元素。
2.v-else 元素必须紧跟在带 v-if 或者 v-else-if 的元素的后面，否则它将不会被识别。，v-else-if 也必须紧跟在带 v-if 或者 v-else-if 的元素之后
3.v-if 和 v-show的区别：v-if 是“真正”的条件渲染，v-if 是惰性的：直到条件第一次变为真时，才会开始渲染条件块。
相比之下，v-show 就简单得多——不管初始条件是什么，元素总是会被渲染，并且只是简单地基于 CSS 进行切换。
一般来说，v-if 有更高的切换开销，而 v-show 有更高的初始渲染开销。
三、v-for
1.我们可以用 v-for 指令基于一个数组来渲染一个列表。v-for 指令需要使用 item in items 形式的特殊语法，其中 items 是源数据数组，而 item 则是被迭代的数组元素的别名（自取）
2.v-for 还支持一个可选的第二个参数，即当前项的索引。（0 XXX ，1 XXX）v-for 也可以接受整数。在这种情况下，它会把模板重复对应次数。
3.类似于 v-if，你也可以利用带有 v-for 的 来循环渲染一段包含多个元素的内容。
4.2.2.0+ 的版本里，当在组件上使用 v-for 时，key 现在是必须的
四、v-on
1. v-on 指令用于听 DOM 事件，并在触发时运行一些 JavaScript 代码
2. v-on 也可以接收一个需要调用的方法名称。也可以在内联 JavaScript 语句中调用方法

五、v-model
1.用 v-model 指令在表单 、 及 元素上创建双向数据绑定。它会根据控件类型自动选取正确的方法来更新元素
2.v-model 会忽略所有表单元素的 value、checked、selected attribute 的初始值而总是将 Vue 实例的数据作为数据来源。
3.对于单选按钮，复选框及选择框的选项，v-model 绑定的值通常是静态字符串

六 、vue的生命周期
共八个阶段，下面给大家介绍：
1.beforCreate：在这时生命周期执行时，data和methods未被初始化，不可调用
2.Create:在这时生命周期执行时，data和methods被初始化，可以调用进行编译，但只在内存中挂载模板
3.beforeMount:挂载之前表示模板在内存中编译成功，但是没有渲染到页面
4.Mounted：表示内存中模板已经真实挂载到页面中，这是实例创建期间最后一个周期，此时实例已经创建好 进入运行阶段，在整个实例声明中只执行一次
注意： 当数据不发生改变时 ，则不执行5. 6.这二个事件
5.beforeUpdate：这时我们的页面还没有被更新，只有数据被更新也就是页面数据是旧的，data数据是新的
6.Update：该事件执行时，页面和data数据同步 都是新的
7.beforeDestroy：表示从运行阶段进入销毁阶段，此时所有data和methods都处于可用状态，没有真正销毁
8.Destroyed：组件被完全销毁

这是整个过程 如图所示：