Vue Cookie 是 Vue.js 的插件,用于處理客戶端的 cookie 存儲。它提供了一個可擴展的、易于使用的 API,可以輕松的使用各種 cookie 存儲選項和配置。
使用 Vue Cookie 需要我們先安裝它。這里提供兩種安裝方式:
yarn add vue-cookie
或
npm install vue-cookie
安裝完成后,我們需要在 main.js 中注冊 Vue Cookie:
import Vue from 'vue'
import VueCookie from 'vue-cookie'
Vue.use(VueCookie)
然后我們就可以在組件中通過 this.\$cookie 訪問 Vue Cookie 提供的方法了:
export default {
created() {
// 設置 cookie
this.\$cookie.set('name', 'Vue Cookie')
// 獲取 cookie
const name = this.\$cookie.get('name')
console.log(name)
// 刪除 cookie
this.\$cookie.delete('name')
}
}
以上是基礎的 Vue Cookie 的安裝和使用方法。有需要的話,我們還可以通過配置項來擴展存儲選項和設置自定義計算過期時間等。