Vue中的计算属性与v-on参数

计算属性

• 完整写法

computed: {
  //计算属性一般是没有set方法，只读属性
  fullName: {
  	set: function(newValue){
	  console.log(newValue)
	},
	get: function(){
	  return this.firstName + ' ' + this.lastName
	}
  }
}

计算属性的缓存

• 我们可能会考虑这样一个问题：methods和computed看起来都可以实现我们的功能
• 那么为什么还要多一个计算属性这个东西呢？
• 原因：计算属性会进行缓存，如果多次使用时，计算属性只会调用一次

v-on参数

• 当通过methods中定义方法，以供@click调用时，需要注意参数问题：
• 情况一：如果该方法不需要额外参数，那么方法后面的()可以不添加
  • 但是注意：如果方法本身中有一个参数，那么会默认将原生事件event参数传递进去
• 情况二：如果需要同时传入某个参数，同时需要event时，可以通过$event传入事件