uni-app 页面显示hello world的方法

本文介绍了Vue.js中两种不同的数据渲染方式:v-text和v-html的区别及使用场景。v-text用于渲染普通文本,当绑定的数据发生变化时,会自动更新;v-html不仅能够渲染数据,还能解析并显示HTML标签。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

  1. 直接写在view中
  2. 用插值表达式将data中的内容渲染在结构中{{text}}
  3. 使用v-html绑定到view中
  4. 使用v-text绑定到view中

一、v-text

用于渲染普通文本,无论何时,绑定的数据对象上 msg属性发生了改变,插值处的内容都会更新。

{{message}}
export default { data () { return { message: “这里可以包含html标签” } } }
二、v-html

如果你想输出真正的 HTML,你需要使用 v-html指令,v-text仅渲染标签,不能解析 HTML 代码。


v-text展示效果: Hello Vue!

v-html展示效果: Hello Vue!

总结:v-text和{{}}表达式渲染数据,不解析标签。

v-html不仅可以渲染数据,而且可以解析标签。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值