前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >Vue 指令之插值 v-text、v-html、v-once

Vue 指令之插值 v-text、v-html、v-once

作者头像
很酷的站长
发布2023-02-16 10:37:47
5120
发布2023-02-16 10:37:47
举报
文章被收录于专栏:站长的编程笔记

数据绑定最常用的形式就是使用 Mustache 语法的文本插值,也可以使用 v-text、v-html指令进行插值。v-once指令可实现一次性插入,当数据改变时,插值出的内容不会改变

1. v-text 指令

代码语言:javascript
复制
将vue数据对象中的属性值作为标签内容插入到标签中,不会解析内容中的标签
2. v-html 指令

代码语言:javascript
复制
用法同 v-text,不同点是会解析内容中的标签
3. v-once 指令

代码语言:javascript
复制
因为vue是双向绑定,数据一旦发生改变,插值处的内容将自动改变;使用 `v-once` 指令使其一次性插值,则数据改变不会影响插值处的内容
本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 1. v-text 指令
  • 2. v-html 指令
  • 3. v-once 指令
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档