Vue 指令之插值 v-text、v-html、v-once
2024-08-24
20
数据绑定最常用的形式就是使用
Mustache
语法的文本插值,也可以使用 v-text、v-html指令进行插值。v-once指令可实现一次性插入,当数据改变时,插值出的内容不会改变
1. v-text 指令
将vue数据对象中的属性值作为标签内容插入到标签中,不会解析内容中的标签
2. v-html 指令
用法同 v-text,不同点是会解析内容中的标签
3. v-once 指令
因为vue是双向绑定,数据一旦发生改变,插值处的内容将自动改变;使用 `v-once` 指令使其一次性插值,则数据改变不会影响插值处的内容
更新于:18天前赞一波!4
相关文章
- Sublime Text 3 使用过程中遇到的问题总结
- HTML 简介
- vue cli 项目启动 HBuilderX 编辑器的使用
- vue cli 中的 import 和 export
- Vue cli4 图片地址引入的几种方式
- vue跳转页面的方法
- Vue CLI 脚手架简介及安装
- Vue 创建项目及目录介绍
- Vue组件插槽的使用
- Vue组件之动态组件
- Vue 组件介绍及使用
- Vue 父子组件通信传值(子组件中使用父组件中的数据)
- Vue指令之列表渲染
- Vue指令之条件渲染
- Vue和React怎么选?
- Vue 指令之v-on的使用
- Vue 指令之v-bind指令绑定属性
- Vue 实例、el、data
- Sublime Text 命令行工具 subl
- Sublime Text V3.2.2 下载安装 (附带注册码)
文章评论
全部评论