Vue模板语法

1.插值语法：

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

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

HTML代码：

         <h1>插值语法</h1>

        <h3>你好，{{name}}</h3>

 2.指令语法：

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

                 举例：v-bind:href="xxx"或 简写为 :href="xxx",xxx同样要写js表达式。

                       且可以直接读取到data中的所有属性。

                 备注：Vue中有很多的指令，且形式都是：v-????。

HTML代码：

<h1>指令语法</h1>

        <a v-bind:href="school.url" v-bind:x="school.hello">点我前往{{school.name}}1</a>

        <a :href="school.url" v-bind:x="school.hello">点我前往{{school.name}}2</a> 

 js代码：

new Vue({
            el:'#root',
            data:{
                name:'jack',
                school:{
                    name:'百度',
                    url:'http://www.baidu.com',
                    hello:'你好'
                }
            }
        })

注：多个相同命名的代码 可采取层级的方式。