Vue3计算属性 - 04

1. Vue3计算属性的使用

Vue3的计算属性和Vue2的总体思想一致

import {ref,computed} from 'vue'

从Vue中引入computed计算属性

  const addDouble  = computed(()=>{
        return count.value*2
    })

使用计算属性，如果下方有值是需要根据操作进行响应，那么为了总体优化代码，会将此进行计算属性计算后，下方再使用，例如

<div>{{addDouble}}</div>

2. Vue2计算属性的使用区别

    data() {
        return {
            count:1
        };
    },

    computed: {
        computedCount(){
            return this.count *4
        }
    },

   {{computedCount}}

Vue2与Vue3的计算属性使用方法及思想 大致相同

### 无论是Vue2还是Vue3的计算属性，计算属性的目的，主要是缓存，当然想要实现同样的功能，不用计算属性，单纯定义一个函数一样可以实现，但是使用计算属性，会基于依赖执行代码，若依赖并未发生改变，则不会重新计算，对于性能优化有很大的提升