1. <!DOCTYPE html>
    2. <html lang="en">
    3. <head>
    4.     <meta charset="UTF-8">
    5. </head>
    7. <body>
    8.     <script type="text/javascript" src="./vue.js"> </script>
    10.     <div id="app" >
    11.         <!--  v-pre 跳过其所在节点的编译过程，可以利用v-pre跳过没有指令和插值语法的过程      -->
    12.         <h2 v-pre>初始化的n值为 {{ n }}  </h2>
    14.         <button @click="n ++ "> 当前的n值为{{n}} </button>
    15.     </div>
    18.     <script type="text/javascript">
    19.         var vm = new Vue({
    20.             el:"#app",
    21.             data:{
    22.               n:1,
    23.             },
    24.         })
    25.     </script>
    26. </body>
    28. </html>

    结果如下：
    初始化的n值为 {{ n }}

    结论：
    v-pre 跳过其所在节点的编译过程，可以利用v-pre跳过没有指令和插值语法的过程