v-text和v-html绑定数据显示
2024-09-08 11:36:26
1.v-text:相当有js的$("#root").text();
2.v-html 相当于js的$("#root").html();
3.插值赋值的数据会被v-text,或者v-html覆盖。并且数据会从左到右覆盖。本例中 v-text 会被v-html覆盖
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width" />
<script src="~/Scripts/vue/vue.js"></script>
<title>Index</title>
</head>
<body>
<div id="root" v-text="msg" v-html="number">{{msg}}{{number}}
</div>
</body>
</html>
<script type="text/javascript">
new Vue({
el: "#root",
data: {
msg: "hello word",
number:
}
}); </script>
最新文章
- 拉格朗日插值法——用Python进行数值计算
- 《像计算机科学家一样思考Java》—— 读后总结
- android 进程间通信数据(二)------parcel的实现
- PS网页设计教程XXIX——如何在PS中设计一个画廊布局
- dao、domain、service、web、vo、Model这些层的功能是什么
- angularjs之表达式
- logstash 处理各种时间格式
- JavaScript中的声明提升
- js bind
- NSOutputStream\NSInputStream
- PostgreSQL正则表达式查询
- 使用 NSUserDefaults 读取和写入自定义对象
- PPAPI插件开发指南
- 启用oracle 11g自己主动收集统计信息
- scrapy 避免被ban
- python学习笔记(3)
- python3 调用 Linux 脚本
- 一加将在欧洲推出第一款商用 5G 手机
- 前端框架VUE----babel
- Hibernate 批处理