指令

v-once指令

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

<div id="app">
    <input type="text" v-model="msg">  // 一旦赋值，只可主动更改
    <input type="text" v-model="msg" v-once>
    <p>{{ msg }}}</p>
    <p v-once>{{msg}}}</p>  // 一旦赋值，便不可更改
</div>
<script src="js/vue.js"></script>
<script>
    new Vue({
        el:'#app',
        data:{
             msg:'初始值'
        }
    })
</script>

v-cloak指令

　　用法：防止页面闪烁。

<style>
    [v-cloak] {
        display: none;
    }
</style>
<!-- 不处理的情况下，每次新价值该页面，都会先渲染{{}}，当vue环境加载成功，{{}}有会被解析消失 -->
<!-- 处理后，vue环境没加载好时，#app是被隐藏的，vue环境加载成功，会依次#app的v-cloak属性，就不会出现{{}}渲染闪烁问题 -->
<div id="app" v-cloak>
    {{ }}
    {{ }}
    {{ }}
</div>
<script src="js/vue.js"></script>
<script>
    new Vue({
        el: '#app',
    })
</script>