您的位置:首页 > Web前端 > Vue.js

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

2020-06-30 23:55 162 查看

计算属性

  • 完整写法
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传入事件
  • 内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
    标签: