Vue

2022.03.04

VUE3 如何載入 Router 以及 Vuex


VUE3 因為 Composition API 的緣故,使用 router 以及 vuex 的方式變得有所不同,個人覺得變麻煩了 艸。

以下做個筆記方便我日後查詢。

載入 Router

import { useRouter, useRoute } from 'vue-router'

export default {
	setup () {
		const router = useRouter()
		const route = useRoute()
	}

	const submit = () => {
		router.push (
			{ name: 'Home' }
		)
	}

	const show = () => {
		console.log(route.params)
	}
}

更多詳細介紹可參考官網:Vue Router 和 组合式 API

載入 VUEX

import { useStore } from 'vuex'

export default {
	setup () {
		const store = useStore()
		const show = () => {
			console.log(store.state.___your data___)
		}
	}
}


更多 Vue 相關文章

guest
0 則留言
Inline Feedbacks
View all comments
Copyright (C) MUKI space* / Reborn Theme All Rights Reserved.