computed methods watch

 

 计算属性：

            用法：必须返回一个值

            语法：

            computed: {

                // 计算属性的 getter

                reversedMessage: function () {

                // `this` 指向 vm 实例

                return this.message.split('').reverse().join('')

                }

            }

        computed vs methods：

            计算属性是依据它们的响应式依赖进行缓存的

            方法是重新渲染dom时执行的（用户交互）

        

        computed vs watch

            计算属性：暴露一个类似全局变量的数据，可以进行逻辑处理

            侦听属性：数据量较大，且有异步操作（上拉加载，下拉刷新）

        

        计算属性的getter和setter

            计算属性默认只有getter方法如果需要可以设置setter

            例如：

            computed:{

                num:{

                    get:function(){// 必须有返回值，用来获取属性

                        return this.num -1

                    },

                    set:function(val){ // 用来修改属性

                        this.num = 10

                    }

                }

            }