1-3.Vue内部指令之v-text&v-html

最新推荐文章于 2024-05-24 09:47:36 发布

落叶~

最新推荐文章于 2024-05-24 09:47:36 发布

阅读量336

点赞数

分类专栏： Vue学习

本文链接：https://blog.csdn.net/weixin_43913219/article/details/103948594

版权

Vue入门

vue内部指令--------v-text &&v-html

v-text指令与v-html指令：

对于v-text指令
在网页中输出data中的值时可以采用 { {messages}} 的方式输出但是这样子会有弊端；
当网速缓慢或是javascript出错时，会将 { {messages}} 中的内容暴漏出来。
这是可以采用 v-text指令将结果输出。
例子：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>整合</title>
		<script src="../assets/js/vue.js"></script>
	</head>
	<body>
		<div id="demo">
			<h1 v-text="messages"

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

落叶~

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
1-3.Vue内部指令之v-text&v-html

Vue入门vue内部指令--------v-text &&v-htmlv-text指令与v-html指令：对于v-text指令在网页中输出data中的值时可以采用 {{messages}} 的方式输出但是这样子会有弊端；当网速缓慢或是javascript出错时，会将 {{messages}} 中的内容暴漏出来。这是可以采用 v-text指令将结果输出。例子：&...
复制链接

扫一扫