在前端開發中，我們經常需要使用Cookies來實現一些功能，比如實現用戶的記住登錄狀態、保存用戶的瀏覽記錄等等。在Vue中，我們可以用vue-cookies庫來方便地設置和獲取Cookies。

首先，我們需要在項目中安裝vue-cookies庫，可以使用npm命令進行安裝：

npm install vue-cookies --save

安裝完成后，我們需要在main.js文件中引入該庫：

import Vue from 'vue'
import VueCookies from 'vue-cookies'
Vue.use(VueCookies)

這里我們使用了Vue的插件機制，用Vue.use()來注冊vue-cookies插件。

接著，我們就可以在Vue組件中使用$cookies對象來獲取和設置Cookies了。比如，我們可以在created()生命周期方法中設置一個名為username，值為admin的cookie：

export default {
name: 'MyComponent',
created() {
this.$cookies.set('username', 'admin')
}
}

代碼中，this.$cookies.set()方法用于設置Cookie，第一個參數是cookie的名稱，第二個參數是cookie的值。

我們還可以設置Cookie的過期時間、域名、路徑等屬性。下面是一個設置過期時間為一天的示例：

this.$cookies.set('username', 'admin', 1)

代碼中，第三個參數表示Cookie的過期時間，單位是天。

如果要獲取已經設置的Cookie，可以使用如下代碼：

let username = this.$cookies.get('username')
console.log(username)

代碼中，this.$cookies.get()方法用于獲取Cookie的值，返回值即為Cookie的值。

如果要刪除Cookie，可以使用如下代碼：

this.$cookies.remove('username')

代碼中，this.$cookies.remove()方法用于刪除指定的Cookie。

另外，vue-cookies庫還提供了一些其他的方法，比如判斷是否存在某個Cookie，獲取所有的Cookie等等。具體用法可以參考官方文檔。

總之，使用vue-cookies庫可以方便地設置和獲取Cookies，讓我們在前端開發中更加高效地實現功能。