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'
}
})