Vue编程语法演示

项目已开源至gitee：https://gitee.com/guo-qianliang/es6-vue-node.js
项目已开源至github：https://github.com/Guoqianliang/ES6-Vue-Node.js

1.单向数据绑定

v-bind单向绑定指令：用在标签属性上，通过此指令获取data定义的变量值。

• 可以将单向数据绑定理解为引用值。另外，单向绑定可以简写为：
  

2.双向数据绑定

v-model双向数据绑定指令：当一个地方变化，其他地方都变化。

• 可以将双向数据绑定理解为绑定地址。另外，双向绑定可以简写为@
  

3.事件绑定

v-on:事件名="调用方法名"，用来绑定事件，即调用函数，可以简写为@事件名="调用方法名。

4.条件语句

v-if:和v-else搭配使用，类似于Java中的if-else语句。

5.循环语句

v-for语句，可以用来遍历一个集合。

补充：vue生命周期

vue声明周期中的两个重要方法：

• created方法：在页面渲染之前执行。
• mounted方法：在页面渲染之后执行。