爲什麼時刻js不能在安裝的vue組件中工作？

Question

當我把那一刻的方法是這樣的：

<template> 
    ... 
</template> 
<script> 
    export default{ 
     ... 
     methods:{ 
      ... 
      add(event){ 
       let current = moment()     
      } 
     } 
    } 
</script> 

，然後調用add方法，它的工作原理沒有錯誤。

但如果我把那一刻的安裝是這樣的：

mounted(){ 
    let currentAt = moment() 
} 

這是行不通的。它返回以下錯誤：

[Vue warn]: Error in mounted hook: "ReferenceError: moment is not defined"

我該如何解決這個問題？

Answer 1

如果您製作了一個包，在script的開頭，您需要import moment from 'moment'。

如果您導入HTML中的文件，請在HTML中輸入腳本標記：
<script src="moment.js"></script>。

Answer 2

由於您使用的是.vue文件，因此我假設您在webpack生態系統中使用vue-loader或其他加載程序。如果你是，那麼你可以做類似如下：

<script> 
export default{ 
    import moment from 'moment' 
    ... 
    methods:{ 
     ... 
     add(event){ 
      let current = moment()     
     } 
    } 
} 
</script> 

然後，只要確保你要麼執行yarn add moment或npm i -s moment。