vue-1-模板语法

文本

<span>Message: {{ msg }}</span>
<span v-once>这个将不会改变: {{ msg }}</span>

原始 HTML：HTML —— 会忽略解析属性值中的数据绑定,绝不要对用户提供的内容使用插值(xxs)

<div v-html="rawHtml"></div>

属性绑定

<div v-bind:id="dynamicId"></div>

完全支持JavaScript 表达式：每个绑定都只能包含单个表达式，不应该在模板表达式中访问用户定义的全局变量

{{ number + 1 }}
{{ ok ? 'YES' : 'NO' }}
{{ message.split('').reverse().join('') }}
<div v-bind:id="'list-' + id"></div>

指令

<p v-if="seen">现在你看到我了</p>
<a v-bind:href="url"></a>
<a v-on:click="doSomething">
<form v-on:submit.prevent="onSubmit"></form>//.prevent 修饰符告诉 v-on 指令对于触发的事件调用 event.preventDefault()

<!-- 完整语法 -->
<a v-bind:href="url"></a>
<!-- 缩写 -->
<a :href="url"></a>

<!-- 完整语法 -->
<a v-on:click="doSomething"></a>
<!-- 缩写 -->
<a @click="doSomething"></a>