Vue immutable是Vue.js提供的一個插件，用于在Vuex中使用不可變的數據對象，以避免在任何地方意外修改了數據，導致狀態變得不可查找。Vue immutable依賴于Immutable.js庫實現不可變數據結構的封裝。

在使用Vue immutable之前，我們需要先在Vue.js和Vuex中注冊該插件：

import Vue from 'vue';
import Vuex from 'vuex';
import VuexImmutable from '@vue-ssr/vuex-immutable';
Vue.use(Vuex);
Vue.use(VuexImmutable);

接下來，我們可以使用immutableState函數來封裝Vuex Store中的狀態對象，并通過創建和修改immutableState中的數據來保證Vuex狀態中的不可變性。

const state = {
count: 0,
};
const getters = {
getCount: (state) =>state.count,
};
const mutations = {
increment(state) {
state.count += 1;
},
};
const store = new Vuex.Store({
plugins: [VuexImmutable()],
state: immutableState(state),
getters,
mutations,
});

在上面的示例中，我們使用immutableState函數封裝了Vuex Store中的狀態對象state。在mutations中修改state中的數據時，我們需要通過immutableState中的set和merge方法來創建或修改新的immutable數據對象。

例如，我們可以將上面的increment mutation方法改成下面的代碼：

const mutations = {
increment(state) {
const newState = immutableState(state);
immutableState.set(newState, ['count'], state.count + 1);
return newState;
},
};

通過上面的代碼，我們保證了Vuex Store中的狀態數據不會被改變，從而避免了引入了狀態管理的可預見性問題，并確保了應用程序的穩定性。