vue 中 const { x } = this 的用法

最近學習了一個取值的新寫法, 大大方便了取值操作

import store from '@/store'
const { tenant, logo } = store.state.user;

以上寫法相當於

import store from '@/store'    
const tenant = store.state.user.tenant
const logo = store.state.user.logo

 

也可以取值函數中返回的值

import { useScrollTop } from '@/composition/scroll'  
const {
      scrollPositionNumber,
      onScrollToPosition,
      showScrollTopBtn,
      onScrollEvent,
} = useScrollTop()

以上寫法相當於

import { useScrollTop } from '@/composition/scroll'
const scrollPositionNumber = useScrollTop().scrollPositionNumber
const onScrollToPosition = useScrollTop().onScrollToPosition
const showScrollTopBtn = useScrollTop().showScrollTopBtn
const onScrollEvent = useScrollTop().onScrollEvent

 

結合Vue3.0語法使用起來,簡直6的飛起

目前感覺比較適用:

1. 獲取store / localStorage / sessionStorage 存的對象中的屬性
2. 獲取復雜函數中的多個返回值

 

分享一刻:

10個有用的 git log 技巧