Vue 使用一种基于 HTML 的模板语法，使我们能够声明式地将其组件实例的数据绑定到呈现的 DOM 上。
这段话表达的就是 开始/简介 那一篇文章里讲到的 声明式渲染
文本插值
文本插值是数据绑定的基本形式，语法是双大括号
Attribute 绑定
通过 v-bind 指令绑定标签 Attribute , v-bind 可以直接简写为 :
3.4版本之后如果变量名与属性名同名可以直接简写为:id
如果碰到布尔型的 Attribute 除了绑定数据为真值外，绑定空字符串也表示元素包含该 Attribute
常见假值:
- undefined，就是undefined
- null，就是null
- false，就是false
- NaN，not a number
- 0，正0
- -0，负0
- ”，空字符串
- 0n，BigInt 零
动态绑定多个值
直接通过 v-bind 绑定一个对象，对象的每个 key 相当于每一个 Attribute
使用 JavaScript 表达式
什么是 JavaScript 表达式
可以合法的写在 return 后面
const a = 1 // 不是表达式
1 + 1 // return 1 + 1 不是表达式
function foo(){} // 不是表达式
foo() // return foo() 是表达式
if (ok) { return message } // 不是表达式
ok ? 1 : 0 // return ok ? 1 : 0 是表达式
调用函数
可以调用一个函数来作为绑定的表达式，不过要注意的是每次组件更新这个函数都会执行，可以查看下面例子中 console 打印的数据
指令 Directives
指令由固定前缀 v- ，: 后面紧跟的参数名称，. 后面紧跟的修饰符名称，以及接收的值组成，如下图:
编写一个自定义指令
原文链接：https://juejin.cn/post/7350142836623015999 作者：抢走辣条还想跑
