Vue基础指令

vue中的指令:将vue实例中data属性值,函数返回值，计算属性值，绘制(渲染)到该元素节点中

1.v-cloak 指令 解决文本闪烁问题

2.v-text 指令：绘制文本，类似于原生js中的innerText

标签元素不能识别

3.v-html 绘制元素，文本，注释节点，类似于JS中的innerHtml

能识别标签

4.v--bind 绑定属性 方式：v-bind:属性名  (简写 :属性名)

单向数据绑定,输入框绑定了数据源user的值,当user的值发生改变时，输入框会动态改变，但是p标签的值不会改变

5.v-model  双向数据绑定，默认为input事件触发；(带value属性的触发）

解释:输入框绑定了phone数据源的值，phone数据源也绑定了输入框的值；所以，当输入框内容发生改变时，p标签的内容也会改变

（vue数据源改变,那么,用过该数据源的地方就会重新渲染）

如果想改变事件的触发时机为change事件，用lazy关键字;

v-model.lazy 失焦时才会改变

v-model.trim 去除首尾空格

6.v-on 事件绑定指令        方式:  v-on：事件名

简写@事件名