v-pre

最新推荐文章于 2024-06-20 15:06:48 发布

浊世独行侠

最新推荐文章于 2024-06-20 15:06:48 发布

阅读量433

点赞数 9

文章标签：前端 javascript vue.js

本文链接：https://blog.csdn.net/weixin_44972441/article/details/134663762

版权

v-pre

跳过其所在节点的编译过程,没有使用指令语法、没有使用插值语法的节点，会加快编译

<body>
  <div id="app"></div>
  <template id="my-app">
    <h2 v-pre>{{message}}</h2>    //回显hello world
    <h2 v-pre>{{message}}</h2>    //回显{{message}}
  </template>
  <script src="../js/vue.js"></script>
  <script>
    const App = {
      template: "#my-app",
      data () {
        return {
          message: `hello world`,
        }
      },
      methods: {

      },
    }
    Vue.createApp(App).mount("#app")
  </script>
</body>