指令

v-once指令

　　用法：可单独使用，限制的标签内容一旦赋值，便不可被动更改(如果是输入框，可以主动修改)。只渲染元素和组件一次，随后的重新渲染，元素/组件及其所有的子节点将被视为静态内容并跳过。

 1 <div id="app">
 2     <input type="text" v-model="msg">  // 一旦赋值，只可主动更改
 3     <input type="text" v-model="msg" v-once>
 4     <p>{{ msg }}}p>
 5     <p v-once>{{msg}}}p>  // 一旦赋值，便不可更改
 6 div>
 7 <script src="js/vue.js">script>
 8 <script>
 9     new Vue({
10         el:'#app',
11         data:{
12              msg:'初始值'
13         }
14     })
15 script>

v-cloak指令

　　用法：防止页面闪烁。

 1 <style>
 2     [v-cloak] {
 3         display: none;
 4     }
 5 style>
 6 
 7 
 8 <div id="app" v-cloak>
 9     {{ }}
10     {{ }}
11     {{ }}
12 div>
13 <script src="js/vue.js">script>
14 <script>
15     new Vue({
16         el: '#app',
17     })
18 script>