模板语法分为两点：

1. 插值语法
2. 指令语法

1.插值语法

2.指令语法

2.1 v-bind

插值语法
你好，{{name}}
指令语法
百度

v-bind可以给标签里的任何属性动态绑定值，如下代码

插值语法
你好，{{name}}
指令语法
百度

会发现会报错，因为在标签里的属性里前面加上了v-bind:，它会将属性值去Vue实例里的data里找对应的属性值，没有找到则会报上面的错误，有就会限制data里对应的属性值。

修改代码如下：

2.1.1 v-bind:可以简写:

插值语法
你好，{{name}}
指令语法
百度百度

可以这么写：

js表达式要记牢
js表达式要记牢

3.data里的对象调用

{xxx}}，xxx是js表达式，且可以直接读取到data中的所有属性2.指令语法：功能：用于解析标签（包括：标签属性、标签体内容、绑定时间.....）。举例：v-bind:href="xxx" 或 简写为 :href="xxx"，xxx同样要写js表达式，且可以直接读取到data中的所有属性备注：Vue中有很多的指令，且形式都是：v-????，此处我们只是拿v-bind举个例子-->
插值语法
你好，{{name}}
指令语法
百度{{school.name}}

3.总结

Vue模板语法有2大类：
1.插值语法：功能：用于解析标签体内容写法：{{xxx}}，xxx是js表达式，且可以直接读取到data中的所有属性
2.指令语法：功能：用于解析标签（包括：标签属性、标签体内容、绑定时间.....）。举例：v-bind:href="xxx" 或 简写为 :href="xxx"，xxx同样要写js表达式，且可以直接读取到data中的所有属性备注：Vue中有很多的指令，且形式都是：v-????，此处我们只是拿v-bind举个例子