vuex-router-sync是用来干什么？

Question

官网就一句话：
Effortlessly keep vue-router and vuex store in sync.

这里的同步是什么意思？如果所有views都共用一个store的话状态不都是同步的吗？

Answer 1

主要是把 vue-router 的狀態放進 vuex 的 state 中，這樣就可以透過改變 state 來進行路由的一些操作，當然直接使用像是 $route.go 之類的也會影響到 state ，會同步的是這幾個屬性

{
    path: '',
    query: null,
    params: null
}

Answer 2

https://github.com/vuejs/vuex...

以下3个可以从vuex取得并使用

store.state.route.path   // current path (string)
store.state.route.params // current params (object)
store.state.route.query  // current query (object)

Answer 3

翻译成普通话是：在 store 里可以读取 router 实例的属性了~

// entry.js
import { sync } from 'vuex-router-sync';

const router = xxx;
const store = xxx;
sync( store, router );

const app = new Vue({
  router,
  store,
}).$mount('#app');

//store.js
const mutations = {
    [types.UPDATE]( state, { params } ){
        // access route
        console.log( state.route );
    }
};