【学习笔记】05-v-pre的学习和示例

腌咸鱼

于 2020-09-17 10:59:16 发布

阅读量132

点赞数

CC 4.0 BY-SA版权

分类专栏： Vue 文章标签： vue

本文链接：https://blog.youkuaiyun.com/wersdf22/article/details/108638215

Vue 专栏收录该内容

20 篇文章

订阅专栏

本文介绍 Vue.js 中 v-pre 指令的用途及使用方法，通过示例展示了如何利用 v-pre 来保留 HTML 的原始内容而不被 Vue 解析，适用于需要展示代码片段或其他非交互内容的场景。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

v-pre的认识和使用

v-pre用来屏蔽解析，保持原始样式和数据

示例

	<div id="app">
		<h1>{{message}}</h1>
		<h1 v-pre>{{message}}</h1>
	</div>
	
	<script src="vue.js"></script>
	<script>
		const apt = new Vue({
			el : '#app',
			data :{
				message : '你好，世界',
			}
		})
	</script>

显示结果

在这里插入图片描述
注意：一般v-pre不会用到，特殊场景才会用到，比如代码的输出等