vue3没有this ，如何使用router和vuex

最新推荐文章于 2024-09-22 20:38:15 发布

原创最新推荐文章于 2024-09-22 20:38:15 发布 · 1.1k 阅读

0 ·

CC 4.0 BY-SA版权

vue 专栏收录该内容

1 篇文章

订阅专栏

本文介绍如何在Vue项目中结合使用Vuex状态管理库和Vue-router进行导航守卫及状态更新。通过具体示例代码展示了如何利用useStore钩子获取Vuex store实例，并通过useRoute和useRouter钩子来操作路由。

//引入-创建-使用
import { useStore } from 'vuex'
import { useRoute, useRouter } from 'vue-router'
export default {
  setup () {
    const store = useStore()
	const route = useRoute()
    const router = useRouter()
    function add () {
      store.commit('add')
    }
    return {
		add
	}
  }
}