vue的一些模板语法，记录一下：

1、数据绑定最常见的形式是使用“Mustache”语法（双括号）：

(资料图)

Message: {{ msg }}

2、指令形式：

指令是带有v-前缀的特殊attribute，例如：

现在你看到我了

指令中有修饰符，以半角句号.指明的特殊后缀，用来指出指令以特殊方式绑定。像.prevent修饰符告诉v-on指令对于触发的事件调用event.preventDefault()，代码如下：

3、缩写

v-bind缩写：

...

...

...

v-on缩写：

...

...

...

缩写在支持vue的浏览器都能够被正确解析，不会出现在最终渲染的标记中。

本文自建网站模板代码，建站模板源码到此分享完毕，希望对大家有所帮助。