在前端開發中，有時需要展示農歷日期。Vue.js是一款非常流行的JavaScript框架，提供了很多強大的工具來處理日期。但是，Vue.js本身并沒有提供直接獲取農歷的功能。本文將介紹如何使用Vue.js獲取農歷日期。

首先，我們需要引入一個第三方的JavaScript庫——lunar-calendar。這個庫可以將陽歷時間轉換為農歷時間。可以通過npm安裝:

npm install lunar-calendar

安裝完成后，我們可以在Vue.js組件中使用這個庫。首先，我們需要導入這個庫:

import LunarCalendar from 'lunar-calendar';

接下來，我們可以創建一個計算屬性來獲取當前的農歷日期：

computed: {
lunarDate() {
const date = new Date();
const lunar = LunarCalendar.solarToLunar(date.getFullYear(), date.getMonth()+1, date.getDate());
return lunar.lunarYear + "-" + lunar.lunarMonth + "-" + lunar.lunarDay;
}
}

在這個計算屬性中，我們首先創建一個Date對象來保存當前陽歷日期。然后，我們調用lunar-calendar庫中的solarToLunar方法將陽歷日期轉換為農歷。最后，我們將農歷日期以字符串的形式返回，這里用了ES6的模板字符串。

在Vue.js組件中，我們可以使用{{ }}來展示計算屬性中的值：

<p>當前農歷日期是: {{ lunarDate }}</p>

這樣，我們就可以非常方便地在Vue.js應用中獲取農歷日期了。