iT邦幫忙

0

如何在 vue 中使用套件?

我查到了一個西元轉農曆的套件
https://github.com/isee15/Lunar-Solar-Calendar-Converter
但我不是很懂要怎麼引入和實際使用?
有稍微谷歌了一下,找不到相關的解說~(應該是說不知道這個行為叫什麼)

/**
*公历转农历
*/
this.SolarToLunar = function (solar)

有大大可幫我解說嗎?
我的日期會是 yyyy-mm-dd 格式

這是我vue的引入方式
xxx.vue

import xxx from '@/xxx'

export default {
    name: '',
    ...
}

跟他的範例好像不太一樣
這是es5 跟 es6的差別嗎

https://github.com/isee15/Lunar-Solar-Calendar-Converter/tree/master/Javascript

他有實例, 為什麼不先研究一下呢
淺水員 iT邦研究生 4 級 ‧ 2020-05-26 11:11:20 檢舉
這個套件還是要確認一下他內部的資料是哪個地區的喔
因為農曆的計算各地區可能會有差異

1 個回答

2
listennn08
iT邦高手 9 級 ‧ 2020-05-26 09:57:56
最佳解答

在這個資料夾裡 Lunar-Solar-Calendar-Converter Javascript
LunarSolarConverter.jsLunarSolarConverter.io.js 是 ES5 跟 ES6 的差別
vue 裡用 ES6 是最方便直接引用的

import { Solar, Lunar, LunarSolarConverter } from '../asset/js/LunarSolarConverter.io.js'
export default {
    data() {
        return {
            solar: new Solar(),
            lunar: new Lunar(),
        }
    },
    created () {
        this.solar.solarYear = new Date().getFullYear();
        this.solar.solarMonth = new Date().getMonth()+1;
        this.solar.solarDay = new Date().getDate();
        let converter = new LunarSolarConverter();
        this.lunar = converter.SolarToLunar(this.solar);
    },
}

另外我看你的程式碼

import xxx from '@/xxx'

這樣會去抓 node_modules 裡的套件
所以不要放在 src 資料夾

看更多先前的回應...收起先前的回應...
松松 iT邦研究生 2 級 ‧ 2020-05-26 11:18:08 檢舉

非常感謝解說~立馬來試試

松松 iT邦研究生 2 級 ‧ 2020-05-26 11:34:16 檢舉

.io 是指 es6?

他的檔案裡 .io.js 那個是用 es6 的寫法

松松 iT邦研究生 2 級 ‧ 2020-06-02 10:54:05 檢舉

有建議把檔案放在哪個資料夾呢?

你可以在 src 建立 asset/js 資料夾

松松 iT邦研究生 2 級 ‧ 2020-06-09 10:59:45 檢舉

請問為什麼會出現「You may have an infinite update loop in a component render function.」錯誤?竟然無限迴圈XD

松松 iT邦研究生 2 級 ‧ 2020-06-09 11:06:30 檢舉

在執行「converter.SolarToLunar(this.solar)」的時候,很詭異

松松 iT邦研究生 2 級 ‧ 2020-06-09 11:27:12 檢舉

我看看ㄛ

我要發表回答

立即登入回答