大家好,小宜来为大家讲解下。自建网站模板代码，建站模板源码这个很多人还不知道,现在让我们一起来看看吧！

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

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

<span>Message: {{ msg }}</span>

2、指令形式：

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

<p v-if="seen">现在你看到我了</p>

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

<form v-on:submit.prevent="onSubmit">...</form>

3、缩写

v-bind缩写：

<!-- 完整语法 -->

<a v-bind:href="url">...</a>

<!-- 缩写 --> <a :href="url">...</a>

<!-- 动态参数的缩写 (2.6.0+) --> <a :[key]="url"> ... </a>

v-on缩写：

<!-- 完整语法 -->

<a v-on:click="doSomething">...</a>

<!-- 缩写 --> <a @click="doSomething">...</a>

<!-- 动态参数的缩写 (2.6.0+) -->

<a @[event]="doSomething"> ... </a>

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

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