vue中的插值操作
2024-09-04 22:37:49
mustache语法
1.将data的文本数据插入至html语句中,使用mustache语法。
v-once指令
2.在某些情况下,我们不希望界面随意的跟随改变,这个时候我们可以使用v-once的指令。该指令后面不需要跟任何表达式,该指令表示元素和组件(组件后面才会学习)只渲染一次,不会随着数据的改变而改变。
根据此例可以发现,在控制台修改app.message时,使用v-once的h2标签,并没有重新渲染。
v-html指令
3.某些情况下,我们从服务器请求到的数据本身就是一个HTML代码,如果我们直接通过{{}}来输出,会将HTML代码也一起输出。 但是我们可能希望的是按照HTML格式进行解析,并且显示对应的内容。
如果我们希望解析出HTML展示。可以使用v-html指令,该指令后面往往会跟上一个string类型,会将string的html解析出来并且进行渲染。
v-text指令
4.v-text作用和Mustache一致: v-text通常情况下,接受一个string类型。
v-pre指令
5.v-pre用于跳过这个元素和它子元素的编译过程,用于显示原本的Mustache语法。 比如下面的代码: 第一个h2元素中的内容会被编译解析出来对应的内容 第二个h2元素中会直接显示{{message}}.
v-cloak指令
6.在某些情况下,我们浏览器可能会直接显然出未编译的Mustache标签。
最新文章
- Microsoft Visual Studio 工程属性表props/vsprops创建与使用
- Jsp静态包含和动态包含的区别
- 使用sp_xml_preparedocument处理XML文档
- Zedboard安装桌面系统ubuntu及opencv(2)
- hdu 3397 Sequence operation(线段树:区间更新)
- Cloudservie将LocalStroage中的内容通过WAD自动上传到BLOB中
- C# 两个集合对比获取不同
- 如何获得WPA握手包&;EWSA破解WPA密码教程[zz]
- BZOJ2301 莫比乌斯反演
- XAMPP和Bugfree详细教程
- ORA-19573: cannot obtain exclusive enqueue for datafile 1
- Android 获取截图 并将其保存到本地sd在卡路径
- java中Class对象详解
- json和java对象相互转换
- Python之路(第十五篇)sys模块、json模块、pickle模块、shelve模块
- Android学习 -- Activity 以及Activity之间值传递
- NSObject协议中方法:description 和 debugDescription
- DataTable的一些特殊用法:Select
- 安装drools workbench
- robotframework-ride多次运行,有时候不显示日志信息
热门文章
- 从代码角度理解NNLM(A Neural Probabilistic Language Model)
- PyQt(Python+Qt)学习随笔:QDockWidget停靠部件的allowedAreas属性
- Python正则表达式处理中的匹配对象是什么?
- PyQt(Python+Qt)入门:设计师中部件toolTip、statusTip、whatsThis的属性
- AWD不死马与克制方法
- 《深入理解计算机系统》实验一 —Data Lab
- ";利用python进行数据分析";学习记录01
- Android全面解析之由浅及深Handler消息机制
- USB接口禁用小工具v1.0.1
- 02-Dockerfile的基本使用