vue 指令

v-bind特性被称为指令。指令带有前缀v-，他们会在渲染的DOM上应用特殊的响应式行为。

指令的职责是，当表达式的值改变时，将其产生的连带影响，响应式地作用于 DOM。

v-bind可以将数据绑定到DOM文本或特性，还可以绑定到DOM结构。

example1: v-bind:title="message"

example2: v-if (条件与循环)

<p v-if="seen">可以看到了</p>

example3: v-for (渲染列表)

<li v-for="todo in todos"> //其中todos是数组格式[{text: 'xuxuxuxux'},{text: mmmm'}]
{{ todo.text }}
</li>

 

example4: v-on 指令添加一个时间监听器

<button v-on:click="reverseMessage">翻转</button>

example5: v-model 指令能轻松实现表单输入和应用状态之间的双向绑定

example6: v-once 指令执行一次性的插值

example7: v-html 指令可以输出真正的html

 

指令缩写：

v-bind:href <====> :href

v-on:click <====> @click