大家好,小宜来为大家讲解下。自建网站模板代码，建站模板源码这个很多人还不知道,现在让我们一起来看看吧！
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的浏览器都能够被正确解析，不会出现在最终渲染的标记中。
本文自建网站模板代码，建站模板源码到此分享完毕，希望对大家有所帮助。