vue的计算属性
2020-01-15 07:30
225 查看
var vm=new Vue({ el:'#app', data:{ firstName:'aaa', lastName:'bbb' }, computed:{ fullName:{ get:function(){ return this.firstName+''+this.lastName }, set:function(str){ console.log(str) var name=str.split('') this.firstName=name[0] this.lastName=name[name.length-1] } } } }) 此处改变属性fullName的值会触发计算属性中的set函数调用,计算重新获取get方法 vm.fullName='ad'
- 点赞
- 收藏
- 分享
- 文章举报
相关文章推荐
- Vue学习-03 计算属性
- VUE2.0 全套demo讲解 基础3(计算属性)
- vue.js计算属性和观察者
- 详解Vue的computed(计算属性)使用实例之TodoList
- vue(计算属性 表单控件)
- Vue 计算属性
- Vue的计算属性
- Vue学习笔记3.5 计算属性computed中的 get方法和set方法
- vue计算属性和事件监听
- Vue 计算属性
- vue 计算属性和监听器
- Vue.js计算属性computed与watch(5)
- Vue基础语法:属性绑定、事件绑定、表单控件、计算属性
- vue-计算属性computed
- Vue中computed(计算属性)、methods、watch的区别
- Vue计算属性
- Vue.js—计算属性
- VUE 关于父组件与子组件与路由与watch监听属性与computed计算属性 笔记
- 详解vue2.0监听属性的使用心得及搭配计算属性的使用
- vue计算属性和观察者