关于vue指令v-on、v-bind等笔记

1.v-on指令

1. 为了让用户和你的应用进行交互，我们可以用 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.组件注