V-pre用法

作者：Cpp五条 | 2024-03-06 09:46:42

踩

v-pre

一、v-pre指令：

1、跳过其所在节点的编译过程。

2、可利用它跳过：没有使用指令语法、没有使用插值语法的节点，会加快编译

二、代码


<!--作者：陳叁拾-->
<!--浏览工具：Microsoft Edge-->
<!--开发工具：vscode-->
<!--开发时间：2022/5/17 20:30-->
 
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
</head>
<body>
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
 
<div id="app">
  <p>{{message}}</p>
  <p v-pre>{{message}}</p>
</div>
<script>
  const app = new Vue({
    el:"#app",
    data:{
      message:"Hello dear,I am ChenZY!"
    }
  })
</script>
</body>
</html>

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/Cpp五条/article/detail/197632

V-pre用法

一、v-pre指令：

二、 代码

二、代码