v-pre 指令:用于阻止 Vue 解析这个标签,直接渲染到页面中。
语法格式:
<div v-pre> {{ 数据 }} </div>
基础使用:
<template> <h3>静态渲染 v-pre</h3> <p v-pre>静态渲染:{{ num }}</p> <p>正常渲染:{{ num }}</p> </template> <script setup> import { ref } from "vue"; let num = ref(999); </script>
效果:
注:Vue 在解析时,会跳过带有 v-pre 指令的标签。