8. Vue中的内置指令

Vue

new Vue({
    el:"#root",
    data:{
        name:"呓语",
        n:1
    }
})

1. v-pre 该标签内的所有元素都被视为静态的

   <h2 v-pre>呓语学Vue</h2>

2. v-once 该标签内所用到的属性只渲染一次

    <h3 v-once>n的原始值: {{n}}</h3>

3. v-cloak 使用v-cloak属性的标签内的所有元素只会在Vue.js加载完毕后才会解析,不然不会解析

   <style>
       [v-cloak]{
           display: none;
       }
   </style>
   <div id="root" v-cloak>
       <!--v-pre 在此标签里的内容被当成静态资源渲染-->
       <h2 v-pre>呓语学Vue</h2>
       <h2>{{name}}</h2>
       <!--v-once 只渲染一次-->
       <h3 v-once>n的原始值: {{n}}</h3>
       <h3>n的值: {{n}}</h3>
   </div>