4.1.8　v-pre

v-pre不需要表达式，用于跳过这个元素和它的子元素的编译过程。可以使用v-pre来显示原始Mustache标签。

【例4.8】v-pre指令（源代码\ch04\4.8.html）。

    <div id="app">
        <div v-pre>{{message}}</div>
    </div>
    <!--引入vue文件-->
    <script src="https://unpkg.com/vue@next"></script>
    <script>
        //创建一个应用程序实例
        const vm= Vue.createApp({
            //该函数返回数据对象
            data(){
              return{
                 message:"洗衣机的库存为3000台。"
                }
            }
            //在指定的DOM元素上装载应用程序实例的根组件
         }).mount('#app');
    </script>

在谷歌浏览器中运行程序，结果如图4-11所示。