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
117
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《
阿里云开发者社区用户服务协议》和
《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写
侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介：
vue快速入门(三) 之 v-text v-html
目录
相关文章
|
3月前
|
JavaScript
前端开发
安全
vue -- 指令 -- v-text/html/on/show/if/bind/for/model
【10月更文挑战第17天】Vue 指令是构建 Vue 应用的基础工具，掌握它们的特性和用法是成为一名优秀 Vue 开发者的重要一步。通过深入理解和熟练运用这些指令，可以打造出更加出色的前端应用。
81
50
51
|
3月前
|
JavaScript
前端开发
容器
Vue生成PDF文件攻略：html2canvas与jspdf联手，中文乱码与自动换行难题攻克
Vue生成PDF文件攻略：html2canvas与jspdf联手，中文乱码与自动换行难题攻克
262
0
0
|
4月前
|
JavaScript
前端开发
react字符串转为dom标签，类似于Vue中的v-html
本文介绍了在React中将字符串转换为DOM标签的方法，类似于Vue中的`v-html`指令，通过使用`dangerouslySetInnerHTML`属性实现。
114
0
0
|
3月前
|
JavaScript
|
5月前
|
资源调度
JavaScript
应用服务中间件
|
5月前
|
JavaScript
前端开发
基于Vue实现具有固定表头、合并单元格的Html表格
本文介绍了如何在Vue框架中创建一个具有固定表头和合并单元格功能的HTML表格，通过CSS的`position: sticky`属性实现表头固定，并通过设置`rowspan`和`colspan`属性来实现单元格合并。
107
0
0
|
6月前
|
JSON
JavaScript
数据格式
文本-----wangEditor的使用，设置和获取内容，展示HTML无样式怎么办？？？？console同步展示怎样写,Vue的配置在Vue3配置文件中的配置，是editor中的v-model绑定的值
文本-----wangEditor的使用，设置和获取内容，展示HTML无样式怎么办？？？？console同步展示怎样写,Vue的配置在Vue3配置文件中的配置，是editor中的v-model绑定的值
539
4
5
|
6月前
|
JavaScript
前端开发
CDN
vue 生成分享海报、下载图片（含生成二维码qrcodejs2的使用，网页截屏html2canvas的使用）
vue 生成分享海报、下载图片（含生成二维码qrcodejs2的使用，网页截屏html2canvas的使用）
144
0
0
|
6月前
|
JavaScript
|
6月前
|
JavaScript
前端开发
物联网
文本，Vue实现打印的方式，打印机的种类有多少，浏览器打印html，右键，2打印插件，3指令打印,vue-print-nb
文本，Vue实现打印的方式，打印机的种类有多少，浏览器打印html，右键，2打印插件，3指令打印,vue-print-nb
228
0
0
热门文章
最新文章
1
Python 爬虫必备杀器，xpath 解析 HTML
2
html5 + Three.js 3D风雪封印在棱镜中的梅花鹿动效源码
3
如何利用HTML和CSS构建企业级网站的全过程。从项目概述到页面结构设计，再到HTML结构搭建与CSS样式设计，最后实现具体页面并进行优化提升，全面覆盖了网站开发的关键步骤
4
HTML（HyperText Markup Language，超文本标记语言）
5
太便利了 ！通义灵码方便生成html页面
6
HTML5 新的 Input 类型2
7
HTML（HyperText Markup Language）和XML（Extensible Markup Language）
8
HTML5 元素2
9
高效的 HTML 与 CSS 编写技巧，涵盖语义化标签、文档结构优化、CSS 预处理、模块化设计、选择器优化、CSS 变量、媒体查询等内容
10
HTML与CSS在Web组件化中的核心作用及前端技术趋势
1
使用Vue.js构建交互式前端的技术探索
92
2
ruoyi-nbcio-plus基于vue3的flowable为了适配文件上传改造VForm3的代码记录
171
3
vue2升级到vue3的一些使用注意事项记录(四）
136
4
ruoyi-nbcio-plus基于vue3的flowable收回任务后重新进行提交表单的处理
156
5
ruoyi-nbcio-plus基于vue3的flowable多租户机制
200
6
ruoyi-nbcio-plus基于vue3的flowable的消息中心我的消息的升级修改
118
7
vue3中使用动态组件
115
8
Vue 3 中 ＜transition-group＞ 组件报错的非 props 属性传递问题
148
9
ruoyi-nbcio-plus基于vue3的flowable的自定义业务显示历史信息组件的升级修改
77
10
ruoyi-nbcio-plus基于vue3的flowable的支持自定义业务流程处理页面detail.vue的升级修改
128