CodingSecondaryVueBascal
Source
Edit
History

computed 计算属性

通过已有的属性得来

计算属性 最终在 vm 上，像 data属性 一样，可直接使用

选项式：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
new Vue({
    el: ,
    data: ,
    computed: {
        p1: {
            // 属性被读取时，getter执行。
            // 所依赖的数据发生变化时，getter执行
            get(){
                // ...
            },

            // 属性被修改时，set执行，
            set(value){ // value 为修改后的值
                // ...
            }
        }
    }
})

简写

只读取，不修改时使用简写

1
2
3
4
5
6
7
8
9
new Vue({
    el: ,
    data: ,
    computed: {
        p1(){ // 函数当getter用

        }
    }
})