轉(zhuǎn)自http://www.itdecent.cn/p/a42f0dd3b47e

import {defineComponent} from 'vue'
import {useStore} from 'vuex'

export default defineComponent({
  name: "login",
  setup() {
  onBeforeMount()   //  組件掛在到頁(yè)面之前執(zhí)行。
  onMounted()  //  組件掛在到頁(yè)面之后執(zhí)行。
  onBeforeUpdate()  //  在組件更新之前執(zhí)行。
  onUpdated()  //  在組件更新之后執(zhí)行。
  onBeforeUnmount()  //  在組件卸載之前執(zhí)行。?
  onUnmounted()  //  在組件卸載之后執(zhí)行。
  onDeactivated()  //  在組件切換中老組件消失的時(shí)候執(zhí)行。
    const store = useStore()
    const login = () => {
      store.dispatch('user/login', '')
          .then((res) => {
            console.log(res);
          })
    }
    return {
      login
    }
  }
})