Vue.js每天必学之数据双向绑定

大佬教程收集整理的这篇文章主要介绍了Vue.js每天必学之数据双向绑定，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。

Vue.js 的模板是基于 DOM 实现的。这意味着所有的 Vue.js 模板都是可解析的有效的 HTML，且通过一些特殊的特性做了增强。Vue 模板因而从根本上不同于基于字符串的模板，请记住这点。

插值

文本

数据绑定最基础的形式是文本插值，使用 “Mustache” 语法（双大括号）：

message: {{ msg }}

@H_528_0@mustache 标签会被相应数据对象的 msg 属性的值替换。每当这个属性变化时它也会更新。

你也可以只处理单次插值，今后的数据变化就不会再引起插值更新了：

This will never change: {{* msg }}

原始的 HTML

双 Mustache 标签将数据解析为纯文本而不是 HTML。为了输出真的 HTML 字符串，需要用三 Mustache 标签：

内容以 HTML 字符串插入——数据绑定将被忽略。如果需要复用模板片断，应当使用 partials。

在网站上动态渲染任意 HTML 是非常危险的，因为容易导致 [XSS 攻击](https://en.wikipedia.org/wiki/Cross-site_scripTing)。记住，只对可信内容使用 HTML 插值，**永不**用于用户提交的内容。

@H_528_0@mustache 标签也可以用在 HTML 特性 (Attributes) 内：

大佬总结

以上是大佬教程为你收集整理的Vue.js每天必学之数据双向绑定全部内容，希望文章能够帮你解决Vue.js每天必学之数据双向绑定所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。