1.v-on指令
- 为了让用户和你的应用进行交互,我们可以用 v-on 指令添加一个事件监听器,通过它调用在 Vue 实例中定义的方法:
v-on 缩写 v-on 指令用于绑定HTML事件 :v-on:click 缩写为 @click
<!-- 完整语法 -->
<a v-on:click="doSomething">...</a>
<!-- 缩写 -->
<a @click="doSomething">...</a>
2.v-bind 指令
v-bind指令用于设置HTML属性:v-bind:href 缩写为 :href
<!-- 完整语法 -->
<a v-bind:href="url">...</a>
. <!-- 缩写 -->
<a :href="url">...</a>
3.Compute 计算属性
var vm = new Vue({
el: '#demo',
data: {
firstName: 'Foo',
lastName: 'Bar'
},
computed: {
fullName: function () {
return this.firstName + ' ' + this.lastName
}
}
})
4.组件注