2.Vue模板语法总结

vue模板语法有两大类

1. 插值语法:

        功能：用于解析标签体内容。

        写法：{{xxx}}，xxx是js表达式，且可以直接读取到data中的所有属性

        

        注意：

                (1). 表达式:一个表达式会产生一个值，可以放在任何一个需要值的地方:
                        <1>. a
                        <2>. a+b

                        <3>. demo(1)
                        <4>. x === y ? 'a': "b"
                (2). js代码(语句)
                        <1>. if(){0}

                        <2>. for(){}

2.指令语法：

        功能：用于解析标签（包括：标签属性、标签体内容、绑定事件....）

        举例：

        v-bind:href="xxx" 或者 简写为 :href="xxx"，xxx同样要写js表达式，且可以直接读取

        到data中的所有属性。

        备注：Vue中有很多的指令，且形式都是v-????，此处我们只是拿v-bind举个例子