V-pre用法

陳叁拾

已于 2022-05-17 20:33:13 修改

阅读量4.3k

点赞数 6

文章标签： vue.js javascript 前端学习 web

于 2022-05-17 20:32:14 首次发布

本文链接：https://blog.csdn.net/qq_53665850/article/details/124829294

版权

一、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>