代码拉取完成,页面将自动刷新
把 Vue Router 当前的 $route
同步为 Vuex 状态的一部分。
# 最新版本需要配合 vue-router 2.0 及以上的版本使用
npm install vuex-router-sync
# 用于版本低于 2.0 的 vue-router
npm install vuex-router-sync@2
import { sync } from 'vuex-router-sync'
import store from './vuex/store' // vuex store 实例
import router from './router' // vue-router 实例
const unsync = sync(store, router) // 返回值是 unsync 回调方法
// 在这里写你的代码
// 在 Vue 应用销毁时 (比如在仅部分场景使用 Vue 的应用中跳出该场景且希望销毁 Vue 的组件/资源时)
unsync() // 取消 store 和 router 中间的同步
你可以有选择地设定一个自定义的 vuex 模块名:
sync(store, router, { moduleName: 'RouteModule' } )
该库在 store 上增加了一个名为 route
的模块,用于表示当前路由的状态。
store.state.route.path // current path (字符串类型)
store.state.route.params // current params (对象类型)
store.state.route.query // current query (对象类型)
当被导航到一个新路由时,store 的状态会被更新。
store.state.route
是不可变更的,因为该值取自 URL,是真实的来源。你不应该通过修改该值去触发浏览器的导航行为。取而代之的是调用 $router.push()
或者 $router.go()
。另外,你可以通过 $router.push({ query: {...}})
来更新当前路径的查询字符串。
此处可能存在不合适展示的内容,页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容,可点击提交进行申诉,我们将尽快为您处理。
1. 开源生态
2. 协作、人、软件
3. 评估模型