1.v-text
可以看出来v-text的作用就是把后边的变量message的值添加到div的文本内容部分,功能类似于在div文本处写{{message}}
我们发现v-text是吧标签里边的所有文本全都替换,而{{}}则不会,这是区别
另外这两个都支持字符串的拼接
2.v-html
注意到这次我们在message里边加上了h1标签,分别用v-text和v-html来做测试
发现v-html可以吧文本里的HTML代码转化成HTML格式,而v-text则是有啥就是啥
vue快速入门(三) 之 v-text v-html
2023-08-12
67
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《
阿里云开发者社区用户服务协议》和
《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写
侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介：
vue快速入门(三) 之 v-text v-html
目录
相关文章
|
2月前
|
JavaScript
前端开发
API
|
2月前
|
资源调度
JavaScript
网络架构
|
2月前
|
缓存
JavaScript
|
4月前
|
安全
JavaScript
Go
|
5天前
|
JSON
JavaScript
数据格式
|
23天前
|
JavaScript
|
2月前
|
存储
缓存
JavaScript
|
2月前
|
传感器
JavaScript
|
2月前
|
存储
资源调度
JavaScript
|
2月前
|
JavaScript
前端开发
开发者
热门文章
最新文章
1
HTML深度解析：更改文本颜色
2
基于SpringBoot+HTML实现登录注册功能模块
3
uni-app使用v-html输出富文本图片溢出解决
4
【前端设计】HTML+CSS+JavaScript基本特性
5
《HTML 简易速速上手小册》第4章：HTML 的表单与输入（2024 最新版）
6
黑色个人主页HTML源码
7
《HTML 简易速速上手小册》第5章：HTML 高级布局技巧（2024 最新版）
8
《HTML 简易速速上手小册》第8章：HTML 表单高级技术（2024 最新版）
9
如何使用HTML5的语义化标签来提高网站的可访问性？
10
js怎么删除html元素
1
在vue中，在哪个生命周期内调用异步请求？
25
2
在vue中，Vue 的父组件和子组件生命周期钩子函数执行顺序？
17
3
在vue中，直接给一个数组项赋值，Vue 能检测到变化吗？
24
4
在vue中，computed 和 watch 的区别和运用的场景？
14
5
在vue中，怎样理解 Vue 的单向数据流？
23
6
在vue中，Class 与 Style 如何动态绑定？
16
7
在vue中，v-show 与 v-if 有什么区别？
23
8
在vue中，如何实现SPA单页面应用的路由管理？
22
9
在vue中，说说你对 SPA 单页面的理解，它的优缺点分别是什么？
39
10
解决Vue 3 + Element Plus树形表格全选多选以及子节点勾选的问题
61