vue--常用指令简介

(1)v-text:是元素的innerText，只能在双标签中使用

(2)v-html:是元素的innerHTML,不能包含{{xxx}}

(3)v-if:元素是否插入或者移除

(4)v-show:元素是否显示或者隐藏

(5)v-model:双向数据绑定

(6)v-bind:单项数据绑定

注：innerText和innerHTML解释：

这是文本内容

document.getElementById('span_id').innerText;//这是文本内容

document.getElementById('span_id').innerHTML;//这是文本内容

document.getElementById('span_id').innerText=“

这是文本内容

”;//

这是文本内容

document.getElementById('span_id').innerHTML=“

这是文本内容

”;//这是文本内容

(7)v-bind的用法：v-bind:属性名=“表达式”；

简写方式---：属性名=“表达式”

例子：文本内容

(8)v-on的用法：v-on:属性名=“表达式||函数名”；

简写方式----@属性名=“表达式||函数名”

例子：请点击;

  请点击--函数没有参数可以省略();

注意：change()是vue中定义的methods中的方法。

(9)v-for的使用：

*可以使用操作数组(item,index)

*可以使用操作对象(value,key,index)