Vue模板语法

Vue模版语法有2大类：

插值语法

1.插值语法：
功能：用于解析标签体内容
写法：{{xxx}}，xxx是js表达式，且可以直接读取到data中的所有属性

指令语法

2.指令语法：
功能：用于解析标签（包括：标签属性、标签体内容、绑定事件…）
举例：v-bind：herf="xxx"或 简写为 :herf=“xxx”,xxx同样要写js表达式且可以直接读取到data中的所有属性
备注：Vue中有很多的指令，且形式都是：v-???，此处我们只是拿v-bind举个例子
想要区分两个不同的name值，就需要在实例中用到嵌套，在data中嵌套一个Apple（自定义名称），然后在给Apple添加一个name，再引用{{Apple.name}}就可以实现不同地方引用name表达不同结果了

页面效果展示：


这就是插值语法与指令语法。