vue.js实现插入数值与表达式的方法分析
发布时间：2020-12-17 03:09:42 所属栏目：百科 来源：网络整理
导读：本篇章节讲解vue.js实现插入数值与表达式的方法。供大家参考研究具体如下： vue.js在插入数值的时候有三种方式 1、插入纯文本 插入纯文本是最简单的方式，使用双大括号就能插入想要的值。 {{ msg }} mustache也可以在属性中使用 就能显示所需要显
|
本篇章节讲解vue.js实现插入数值与表达式的方法。分享给大家供大家参考，具体如下： vue.js在插入数值的时候有三种方式 1、插入纯文本插入纯文本是最简单的方式，使用双大括号就能插入想要的值。 {{ msg }}
mustache也可以在属性中使用 就能显示所需要显示的文本信息了。但是有时候，我们想要插入的html文本，这时候要怎么办呢？在插入html的时候有两种方式，一种是用三个大括号的形式，这种是在vue.js 1.x 版本时候使用较多，但是在vue.js 2.x 的时候，插入纯文本的时候开始使用v-html的形式。 2、插入html{{{ msg }}} // vue.js 1.x 版本
// vue.js 2.x版本
被插入的内容都会被当做 HTML —— 数据绑定会被忽略。注意，你不能使用 v-html 来复合局部模板，因为 Vue 不是基于字符串的模板引擎。组件更适合担任 UI 重用与复合的基本单元。此外不建议将用户输入的值直接作为html显示，这样有可能会造成XSS攻击。对用用户输入显示的值一定要做必要的过滤之后才能真正显示。 3、属性对于双大括号，不能在html属性中使用，对于属性，使用v-bind 来绑定数据。 // 简写形式
附：vue.js插值与表达式示例
Document
希望本文所述对大家vue.js程序设计有所帮助。 （编辑：李大同） 【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容! |