目录JAVA全系列 教程
3762个小节阅读：7090.3k
目录
C语言快速入门
JAVA全系列 教程
面向对象的程序设计语言
Python全系列 教程
Python3.x版本，未来主流的版本
人工智能 教程
顺势而为，AI创新未来
大厂算法 教程
算法，程序员自我提升必经之路
C++ 教程
一门通用计算机编程语言
微服务 教程
目前业界流行的框架组合
web前端全系列 教程
通向WEB技术世界的钥匙
大数据全系列 教程
站在云端操控万千数据
AIGC全能工具班
A A
White Night
数据绑定最常见的形式就是使用“Mustache” (双大括号) 语法的文本插值
xxxxxxxxxx<span>Message: {{ msg }}</span>一般配合js 中的data()设置数据
xxxxxxxxxxexport default { name: 'HelloWorld', data(){ return{ msg:"消息提示" } }}双大括号会将数据解释为普通文本，而非 HTML 代码。为了输出真正的 HTML，你需要使用v-html 指令
xxxxxxxxxx<p>Using mustaches: {{ rawHtml }}</p><p>Using v-html directive: <span v-html="rawHtml"></span></p>xxxxxxxxxxdata(){ return{ rawHtml:"<a href='https://www.itbaizhan.com'>百战</a>" }}Mustache 语法不能在 HTML 属性中使用，然而，可以使用 v-bind 指令
xxxxxxxxxx<div v-bind:id="dynamicId"></div>xxxxxxxxxxdata(){ return{ dynamicId:1001 }}温馨提示
v-bind:可以简写成:
在我们的模板中，我们一直都只绑定简单的 property 键值，Vue.js 都提供了完全的 JavaScript 表达式支持
x{{ number + 1 }}
{{ ok ? 'YES' : 'NO' }}
{{ message.split('').reverse().join('') }}这些表达式会在当前活动实例的数据作用域下作为 JavaScript 被解析。有个限制就是，每个绑定都只能包含单个表达式，所以下面的例子都不会生效。
xxxxxxxxxx<!-- 这是语句，不是表达式：-->{{ var a = 1 }}
<!-- 流程控制也不会生效，请使用三元表达式 -->{{ if (ok) { return message } }}