Vue.js 如何在vuetify中设置矩.js？

我使用vuetify： 我想使用moment.js。所以我读了这篇参考文献：

我已经运行了

npm install vue moment

我仍然不知道如何使用这个脚本

Vue.use（require（'Vue-moment'）

在vuetify中，存在两个文件：main.js和index.js

main.js如下所示：

import Vue from 'vue'
import App from './App.vue'
import router from './router'
import store from './store/index'
import './registerServiceWorker'
import vuetify from './plugins/vuetify'

Vue.config.productionTip = false

new Vue({
  router,
  store,
  vuetify,
  render: h => h(App)
}).$mount('#app')

import Vue from 'vue';
import Vuex from 'vuex';
import dataStore from './modules/data-store';
import createLogger from "vuex/dist/logger";
Vue.use(Vuex);
const debug = process.env.VUE_APP_DEBUG !== "production";
export default new Vuex.Store({
  modules: {
    dataStore
  },
  strict: debug,
  plugins: debug ? [createLogger()] : []
});

<template>
  ...
</template>

<script>
export default {
  mounted() {
    let a = moment("2012-02", "YYYY-MM").daysInMonth();
    console.log(a)
  }
};
</script>

index.js如下所示：

import Vue from 'vue'
import App from './App.vue'
import router from './router'
import store from './store/index'
import './registerServiceWorker'
import vuetify from './plugins/vuetify'

Vue.config.productionTip = false

new Vue({
  router,
  store,
  vuetify,
  render: h => h(App)
}).$mount('#app')

import Vue from 'vue';
import Vuex from 'vuex';
import dataStore from './modules/data-store';
import createLogger from "vuex/dist/logger";
Vue.use(Vuex);
const debug = process.env.VUE_APP_DEBUG !== "production";
export default new Vuex.Store({
  modules: {
    dataStore
  },
  strict: debug,
  plugins: debug ? [createLogger()] : []
});

<template>
  ...
</template>

<script>
export default {
  mounted() {
    let a = moment("2012-02", "YYYY-MM").daysInMonth();
    console.log(a)
  }
};
</script>

我应该在哪里放置
Vue.use（require（'Vue-moment'）

我尝试将其放在main.js中，但如果调用我的vue组件，则会出现错误：
ReferenceError:moment未定义

我的vue组件如下所示：

import Vue from 'vue'
import App from './App.vue'
import router from './router'
import store from './store/index'
import './registerServiceWorker'
import vuetify from './plugins/vuetify'

Vue.config.productionTip = false

new Vue({
  router,
  store,
  vuetify,
  render: h => h(App)
}).$mount('#app')

import Vue from 'vue';
import Vuex from 'vuex';
import dataStore from './modules/data-store';
import createLogger from "vuex/dist/logger";
Vue.use(Vuex);
const debug = process.env.VUE_APP_DEBUG !== "production";
export default new Vuex.Store({
  modules: {
    dataStore
  },
  strict: debug,
  plugins: debug ? [createLogger()] : []
});

<template>
  ...
</template>

<script>
export default {
  mounted() {
    let a = moment("2012-02", "YYYY-MM").daysInMonth();
    console.log(a)
  }
};
</script>


...
导出默认值{
安装的（）{
设a=力矩（“2012-02”，“YYYY-MM”）.daysInMonth（）；
控制台日志（a）
}
};
我在
vue moment
npm页面的底部找到了这个

vue-moment attaches the momentjs instance to your Vue app as 
this.$moment.

This allows you to call the static methods momentjs provides.

因此，您应该能够使用
vue moment
的原始配置，并在
mounted（）
方法中执行此操作

 mounted() {
    let a = this.$moment("2012-02", "YYYY-MM").daysInMonth();
    console.log(a)
 }

注意这一点。$moment

对于
vue moment
的设置，您应该将其放在main.js文件中

main.js

Vue.use(require('vue-moment'))

import moment from 'moment'

Vue.prototype.moment = moment

=========================================================================

全球

如果要在Vue中全局使用
矩
，可以创建

main.js

Vue.use(require('vue-moment'))

import moment from 'moment'

Vue.prototype.moment = moment

在组件中，然后在方法或计算属性中调用
this.moment
。在
mounted
部分中，它将如下所示

 mounted() {
   let a = this.moment("2012-02", "YYYY-MM").daysInMonth();
   console.log(a)
 }

<script>
import moment from 'moment'
export default {
  mounted(){
    let a = moment("2012-02", "YYYY-MM").daysInMonth();
    console.log(a)
}
}
</script>

组件

如果您只想在组件中使用
力矩
，可以像这样直接包括在内

 mounted() {
   let a = this.moment("2012-02", "YYYY-MM").daysInMonth();
   console.log(a)
 }

<script>
import moment from 'moment'
export default {
  mounted(){
    let a = moment("2012-02", "YYYY-MM").daysInMonth();
    console.log(a)
}
}
</script>


从“时刻”导入时刻
导出默认值{
安装的（）{
设a=力矩（“2012-02”，“YYYY-MM”）.daysInMonth（）；
控制台日志（a）
}
}
如果您只想在vue组件中使用
moment
，您可以尝试在上面的脚本标记
导出默认值
@TJ Weems中执行
从'moment
或
const moment=require（'moment'）导入moment。谢谢但我如何在全球范围内做到这一点？因此，如果不安装
npm install vue moment
，则无需将其安装到每个组件上，您的脚本就能正常工作。脚本如何在不安装momentOkay的情况下工作谢谢。但是你能用第二种方法更新你的答案吗，也就是vue时刻。所以在你的回答后面有几个ways@SuccessMan我帮你换了。我是说：。所以它使用vue矩。也许它会在main.js文件中添加
import VueMoment from'vue-moment'
No-just place
vue.use（require（'vue-moment'））
。