提示:该文章为笔者的个人笔记并不是权威,如有错误,谢谢指出。
Vue语法
Vue的两种模板语法
Vue主要由两种模板语法,分别为插值语法和指令语法。
一、插值语法
前篇笔记所使用的就是插值语法。
<div id="#root">
<h3>hello,{{name}}</h3>
</div>
<script>
const vm = new Vue({
el: '#root',
data: {
name: '小爱同学'
}
})
</script>
二、指令语法
<div id="#root">
<a v-bind:href="url">百度</a>
</div>
<script>
const vm = new Vue({
el: '#root',
data: {
ulr: 'https://www.baidu.com'
}
})
</script>
总结
(1)插值语法主要用于解析标签内容,指令语法用于解析标签。
(2)指令语法v-bind:href="xxx"可以简写为:href=“xxx”。
(3)Vue中的语法格式都是v-xxxx。