首页 分享 基于Vue.js的{{msg}},v

基于Vue.js的{{msg}},v

来源:萌宠菠菠乐园 时间:2024-09-18 02:37
基于Vue.js的{{msg}},v-text="msg",v-html="msg"的区别 献上代码区别1区别2:当字符串中有标签时

献上代码

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <script type="text/javascript" src="js/vue.js"></script> </head> <body> <div id="app"> <div> <p>--------{{msg}}++++++++</p> <p v-text="msg">------</p> <p v-html="msg+1">======</p> </div> <div> <p>------{{msg2}}++++++++</p> <p v-text="msg2">------</p> <p v-html="msg2">======</p> </div> </div> <script type="text/javascript"> var vue=new Vue({ el:"#app", data:{ msg:1111, msg2:"<h1>哈哈,大家好啊</h1>" } }) </script> </body> </html>

1234567891011121314151617181920212223242526272829303132333435

区别1

//第一个p标签:msg的内容1111 --------1111++++++++ //第二个p标签:v-text会覆盖原有的------ 1111 //第三个p标签:v-html会覆盖原有的------,与v-text相同 1112 123456

区别2:当字符串中有标签时

------<h1>哈哈,大家好啊</h1>++++++++ <h1>哈哈,大家好啊</h1> 哈哈,大家好啊 123

相关知识

计算机毕业设计基于Python的猫狗宠物展示系统
Python基于大数据技术的宠物商品信息比价及推荐系统
基于javaweb+mysql的springboot宠物商城系统宠物交易平台(java+springboot+maven+mybatis+vue+mysql)
基于javaweb的宠物商城系统(java+jsp+javascript+servlet+mysql)
Python毕业设计基于django的宠物领养宠物商城服务预约系统
Python毕业设计基于django的宠物领养饲养交流管理平台 领养+周边商城
基于springboot的宠物论坛系统
基于nodejs+vue宠物网络社区论坛系统[程序+论文+开题]
基于flask框架宠物交流平台 (python+mysql+论文)
基于flask+vue框架的的宠物领养管理系统[开题+论文+程序]

网址: 基于Vue.js的{{msg}},v https://www.mcbbbk.com/newsview182063.html

所属分类:萌宠日常
上一篇: QQ宠物QQ宠物中如何获得克扣币
下一篇: 三层架构和MVC 模式

推荐分享