Vue的模块语法

1.双大括号表达式：

语法：{{exp}}

功能：向页面输出数据，内部可以是变量，对象调用，表达式，最后一定要有结果，如下图

这的toUpperCase()方法是把输出的值转化为大写

2.强制数据绑定：

v-bind指令进行数据绑定，如下图

 

从上图中可以看到有是三个a链接，第一个是ES5语法，第二个和第三个是用了数据绑定的，打开调试台，可以看出进行数据绑定的链接才是正常的，

第三个：的意思是v-bind指令的缩写

 

3.绑定事件监听：

v-on指令用来绑定事件，如下图

 

从图中可以看出三个按钮都能触发alert事件，由于第一个按钮和第二个按钮没有传参数，所以弹出的是一个鼠标事件，

而第三个按钮传了参数，弹出名字，另外这里的@是v-on的缩写。