vue 指令

vue 指令

1、v-text：更新元素的textContent;
	例如：<span v-text="msg"></span> 等同于 <span>{{ msg }}</span>
2、v-html：更新元素的innerHTML;
3、v-show：条件渲染指令，为DOM设置css的style属性;
4、v-if：条件渲染指令，动态在DOM内添加或删除DOM元素;
5、v-else：条件渲染指令，必须跟v-if成对使用;
6、v-else-if：判断多层条件，必须跟v-if成对使用;
7、v-on：用于监听DOM事件;（简写@）
	例如：v-on:click（@click）  v-on:keyup（@keyup）
8、v-bind：用于绑定DOM的属性;（简写：）
	例如：v-bind:src（:src）  v-bind:class（:class）
9、v-model：数据双向绑定;
	例如：<input v-model="message">
10、v-for：循环指令；
	例如：<li v-for="(item,index) in todos">{{ item }}</li>