Vue3中computed的使用

方式一

import {computed,reactive} from 'vue'
export default {
  name: "LayoutAside",
  setup() {
    let menuData = reactive(computed(()=>{ //vue3中computed的使用
      return store.state.menus.menuList
    }))

    return {
      menuData
    }
  }
}

方式二

    输入待求平方的数字：
    {{digit}}的平方是：{{square}}



    import { ref, computed } from 'vue'

    export default {
        setup() {
            const digit = ref(1)
            const square = computed(() => {
                return +digit.value * +digit.value
            })
            return {
                digit
            }
        }
    }

方式三

  
    
  



import { computed } from 'vue'
export default {
  setup() {
    const age = computed({
      get() {
        return +age.value+1
      },
      set(value) {
        return age.value = value - 1
      }
    })
    return { 
      age
    }
  }
}