当前位置 > it书童 > vue > 正文

计算属性的 setter 和 getter

vue it书童 2020-01-07 17:17:40 0赞 0踩 269阅读 0评论

计算属性还可以写成对象的方式,用 get 与 set 获取与设置数据

<div id="app">
    {{ fullName }}
</div>
<script>
    var vm = new Vue({
        el: '#app',
        data: {
            firstName: "苏",
            lastName: "轼",
        },
        computed: {
            fullName: {
                get: function () {
                    return this.firstName + ' ' + this.lastName
                },
                set: function (value) {
                    console.log(value)
                    var arr = value.split(' ')
                    this.firstName = arr[0]
                    this.lastName = arr[1]
                }
            }
        }
    })
</script>

转载须注明出处:https://www.itshutong.com/articles/375/setter-and-getter-of-calculated-property
标签: 讲义
关于我
一个文科出身的程序员,追求做个有趣的人,传播有价值的知识,微信公众号主要分享读书思考心得,不会有代码类文章,非程序员的同学请放心订阅
发表评论
我有句话,不知当讲不当讲?
要讲之前请先 登录