$local 是 Vue.js 的一個插件，它可以讓 Vue 組件中的數據存儲在瀏覽器的本地存儲中，這樣即使用戶關閉了瀏覽器頁面，下次再打開時也能保持之前的數據狀態。$local 通過封裝 HTML5 localStorage 和 sessionStorage API 實現數據的本地存儲。

要使用 $local，首先需要安裝插件：

npm install --save vue-local-storage

在 Vue 項目中引入 $local 插件，并注入到組件中：

import VueLocalStorage from 'vue-localstorage'
Vue.use(VueLocalStorage)

這時候在組件中就可以使用 $local 存儲數據了。例如：保存用戶登錄信息。

// 存儲
this.$localStorage.set('userInfo', {name: '小明', age: 18})
// 取出
const userInfo = this.$localStorage.get('userInfo', {})

在以上示例中，使用 set 方法可以將數據存儲到瀏覽器本地存儲中，鍵值對的鍵是 userInfo，值是一個對象。使用 get 方法可以獲取之前存儲的數據，如果本地存儲中沒有 userInfo，則返回一個空對象。

除了 set 和 get 方法外，$local 還提供了其他的一些方法，例如 remove 方法可以刪除本地存儲中指定的數據。

this.$localStorage.remove('userInfo')

最后需要注意一點，使用 $local 存儲數據時需要考慮容量大小和數據類型等問題，以免影響用戶體驗。