vue的计算属性？计算属性与方法的区别?计算属性与watch有什么区别？

1.计算属性的认识computed？

1.一般把大量的逻辑不写{{}}，为了后期的维护，{{}}主要负责页面的数据展示。

把一条数据在不同位置展示不同的形态，则放在计算属性里，计算属性就是vue实例中的一个属性，可以计算数据或者处理数据的一个属性。

计算属性依赖于data数据的,当依赖的数据改变时,则计算属性会重新计算这个数据并返回计算之后的新结果.

语法：

computed：{
你计算之后返回结果的变量（）{
    必须有return 你处理数据的逻辑 
}}



eg：

页面展示：{{uppertext}}
 computed:{
            uppertext(){
                return this.text.toUpperCase()
            }
        }

注意uppertext是变量

相当于一条数据在不同位置展示，我们则需要写在计算属性里

2.methods方法

语法：

methods：{

        fun（）{

                return 逻辑

        }

}

3.计算属性与方法的区别

计算属性不管调用多少次,计算属性只会处理一次,返回第一次处理之后存储在内存中的内容.

方法:被调用就被执行

计算属性依赖缓存相对于方法来说更加节省性能。

4.计算属性与watch有什么区别？

计算属性：在computed中，它是把data的数据当成自己依赖的数据，当这个数据改变了。计算属性会重新计算这个依赖的数据并返回处理之后的结果。（只针对一条数据的不同形态）

watch：在watch中，它监听一个data的数据，当数据改变了它会完成一些业务的操作