vue2.0计算属性

Question

最近遇到一个问题,通过比较复杂的表达式的到一个属性,我想到了可以用计算属性computed.但是没有实现. 举例子demo如下:

b是由a属性得到的，即取a的第一条数据的text值。点击按钮只希望给b重新赋值，但是并不改变a

<button @click="change">dianji</button>

new Vue({

            el: '#app',

            data: {

                a: [

                    {index: 0, text: 'a',},

                    {index: 1, text: 'b',}

                ]

            },

            computed: {

                b: {

                    get: function () {

                        return this.a[0].text

                    },

                    set: function (val) {

                        //点击按钮只改变b的值,不改变a的值,该如何实现？？？？？？

                    }

                }

            },

            methods: {

                //点击按钮只改变b的值,不改变a的值

                change: function () {

                    this.b = 101

                },

            },

        }

    );

此处不知如何实现。想实现此需求的话，是不是不能用computed因为b是依赖于a的，但是a在初始化之后就不能变了。是这个原因吗？

要实现此功能的话，还有个办法是在钩子函数created的时候来取得b的值，以后再给b赋值就不需要依赖a，也不会改变a了吧？

请问各位computed的方法怎么实现，或者还有更好的方法吗？

Answer 1

之前也遇到过这个问题，结论就是你说的计算属性的值不能脱离其依赖，因为他的值是从get算出来的从目前来看，你只需要在data中加b,然后再methods的回调中对其重新赋值就可以了，或许你可以再补充下情景。