Vue2.0学习笔记之其他内部指令（8）

一、 v-pre指令
在模板中跳过vue的编译，直接输出原始值。就是在标签中加入v-pre就不会输出vue中的data值了。

 <h1 v-pre>{{msg}}</h1>

image.png

二、v-cloak指令
在vue渲染完指定的整个DOM后才进行显示。它必须和CSS样式一起使用，

  <div v-cloak>渲染完成之后才显示</div>

三、v-once指令
在第一次DOM时进行渲染，之后不会再渲染，data里面的值再改变，这个也不会改变

 <p v-once>{{msg}}</p>
    <div><input type="text" v-model="msg"></div>
    <p>{{msg}}</p>

image.png

总结

vue简单的内部指令已经学完了,感觉也不难，虽然不难，但是不知道什么时候用，还是要做项目，实战才可以深刻理解吧！