14、如何在v-for 循环中实现v-model 数据的双向绑定?
1**、vue常见指令******
==============================
v-text
v-text主要用来更新textContent,可以等同于JS的text属性。
这两者等价:
插值表达式{ {msg}}
v-html
双大括号的方式会将数据解释为纯文本,而非HTML。为了输出真正的HTML,可以用v-html指令。它等同于JS的innerHtml属性
这个div的内容将会替换成属性值rawHtml,直接作为HTML进行渲染。
v-pre
v-pre主要用来跳过这个元素和它的子元素编译过程。可以用来显示原始的Mustache标签。跳过大量没有指令的节点加快编译。
{ {message}} //这条语句不进行编译
{ {message}}
最终仅显示第二个span的内容
v-cloak
这个指令是用来保持在元素上直到关联实例结束时进行编译
{ {message}}
在页面加载时会闪烁(插值闪烁问题),先显示:
{ {message}}
然后才会编译为:
hello world!
可以用v-cloak指令解决插值表达式闪烁问题,v-cloak在css中用属性选择器设置为display: none;
v-once
v-once关联的实例,只会渲染一次。之后的重新渲染,实例极其所有的子节点将被视为静态内容跳过,这可以用于优化更新性能。