Vue的模块语法

1.双大括号表达式:

语法:{{exp}}

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

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

2.强制数据绑定:

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

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

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

3.绑定事件监听:

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

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

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

原文地址:https://www.cnblogs.com/hyh888/p/12520126.html