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 技巧