[JavaScript知识库]2021-08-19

vue模板语法的两大类：

第一类：插值语法，用于解析标签体内容，通过{{xxx}}来写，xxx是js的表达式，并且可以直接读取到vue中data的所有属性。
举例：

<h3>您好,{{name}}</h3>

new Vue({
            el:'#root',
            data:{
                name:'jack'               
            }
        })

第二类：指令语法，用于解析标签，包括标签属性、标签体内容、绑定事件；v-bind:href=“xxx” 或 简写为 :href=“xxx”，xxx同样要写js表达式，且可以直接读取到data中的所有属性。
举例：

<a v-bind:href="url">跳到百度官网</a>

new Vue({
            el:'#root',
            data:{                
                url:'http://www.baidu.com'
            }
        })