vue学习笔记 v-cloak v-text v-html

最新推荐文章于 2023-05-13 09:07:23 发布

「已注销」

最新推荐文章于 2023-05-13 09:07:23 发布

阅读量112

点赞数

本文链接：https://blog.csdn.net/qq_35165023/article/details/105628123

版权

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
	<style>
		[v-cloak]{
			display: none;
		}
	</style>
</head>

<body>
	
	<div class="a1">
		<p v-cloak>{{b1}}</p>
		<p v-text="b2" ></p>
		<p v-html="b3" ></p>
	</div>
	<script src="js/vue.min.js"></script>
	<script>
		var a=new Vue({
			el:'.a1',
			data:{
			b1:'1',
			b2:'2',
			b3:'<h1>3</h1>',
		}
		});
	</script>
</body>
</html>

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

「已注销」

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
vue学习笔记 v-cloak v-text v-html

<!doctype html><html><head><meta charset="utf-8"><title>无标题文档</title> <style> [v-cloak]{ display: none; } </style></head><body&...
复制链接

扫一扫