Vuex是一個專為Vue.js應用程序開發的狀態管理模式。Vuex通過一個全局的狀態管理器，將組件之間的數據流轉變為一個可預測的狀態管理機制。

Vue Router是Vue.js官方的路由管理器。它可以方便地實現單頁應用程序的路由功能，而無需重新加載頁面。Vue Router提供了多種導航模式，包括HTML5 History模式和hash模式。

在Vue.js 2.x版本中，可以使用Vuex和Vue Router實現頁面訪問控制。這要求將Vue Router和Vuex進行同步。這就是Vuex Router Sync插件的作用。具體地說，Vuex Router Sync可以幫助我們將Vue Router和Vuex中的狀態進行同步。

import VuexRouterSync from 'vuex-router-sync'
const router = new VueRouter({ ... })
const store = new Vuex.Store({ ... })
VuexRouterSync.sync(store, router)

在使用Vuex Router Sync插件時，我們需要首先從包中導入它。然后，我們需要創建路由和狀態的實例。最后，我們可以使用VuexRouterSync.sync方法來將Vue Router和Vuex進行同步。

在使用Vuex Router Sync插件時，需要注意的是，我們在定義Vuex模塊時必須使用命名空間。這是因為不同模塊的state屬性可能具有相同的名稱，如果不使用命名空間，則會出現沖突。

const moduleA = {
namespaced: true,
state: { 
count: 0 
}
}

在上面的代碼中，我們定義了一個名為moduleA的Vuex模塊。我們在定義Vuex模塊時，必須將命名空間的屬性設置為true，以確保不同模塊的state屬性不會發生沖突。

在Vue.js 2.x版本中，Vuex和Vue Router是兩個獨立的實例。因此，我們需要手動將其同步。在使用Vuex Router Sync插件時，我們需要將Vue Router和Vuex進行同步，以確保它們的狀態保持同步。

總之，Vuex Router Sync是一個非常有用的Vue.js插件，它可以將Vue Router和Vuex中的狀態進行同步，使其狀態具有可預測性。使用Vuex和Vue Router實現頁面訪問控制變得更加容易。