其他指令 | snowFlakeXue

v-pre v-cloak v-once
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
    <title>Document</title>
    
</head>
<body>
    <div id="app">
      <!-- v-pre  原样输出，不渲染-->
      <p v-pre>{{message}}</p>
      <!-- v-cloak  页面加载完才显示，一般速度很快看不出来变化 -->
      <p v-cloak>页面加载完显示</p>
      <!-- v-once 只渲染一次 -->
      <p v-once>{{mes}}</p>
      <input type="text" v-model="mes" />
      <p>{{mes}}</p>
    </div>
   
    <script>
        new Vue({
       el:'#app',
       data: {
          message:'hello',
          mes:'hello'//这个值决定了初始的值是什么
           }
       
    });
    </script>
    
</body>
</html>