vue 数据绑定拼接字符串_Vue的插值操作与数据绑定指令

点击上方“蓝字”，发现更多精彩。 2020年度读书榜单今日份的学习

1、vue模板语法之有关插值的操作

2、部分指令及其用法

part1：插值操作

首先理解什么是数据响应式？

然后再理解什么是插值操作？

所谓的插值操作就是在data中定义的数据，然后将其插入到DOM中显示出来，那么如何将data中的文本数据插入到HTML中呢？

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

如以下例子所示：

放在 Mustache 标签内的文本称为绑定表达式。在 Vue.js 中，一段绑定表达式由一个简单的 JavaScript 表达式和可选的一个或多个过滤器构成。但是它有一个限制：

每个绑定只能包含单个表达式

因此下面的语句是无效的：

{ { var a = 1 }}

{ { if (ok) { return message } }}

Mus