のWebPACK

Question

私はmain.jsにプラグインし、そのCSSファイルが含まれている： -

import Vue from 'vue' 
 
import App from './App' 
 
import router from './router' 
 
import 'moment' 
 
import 'jquery' 
 
import 'bootstrap' 
 
import BootstrapDatePicker from 'vue-bootstrap-datetimepicker' 
 

 
import vueMultiSelect from 'vue-multiselect' 
 
import VueFormGenerator from 'vue-form-generator' 
 

 
import 'bootstrap/dist/css/bootstrap.css' 
 
import 'bootstrap-vue/dist/bootstrap-vue.css' 
 
import 'vue-multiselect/dist/vue-multiselect.min.css' 
 

 
import 'eonasdan-bootstrap-datetimepicker/build/css/bootstrap-datetimepicker.css' 
 
import 'vue-form-generator/dist/vfg.css' 
 

 
Vue.config.productionTip = false 
 
Vue.use({vueMultiSelect, VueFormGenerator}) 
 
Vue.component(BootstrapDatePicker) 
 
Vue.component('multiselect', vueMultiSelect.default) 
 
Vue.component('vue-form-generator', VueFormGenerator.component) 
 

 
/* eslint-disable no-new */ 
 
new Vue({ 
 
    el: '#app', 
 
    router, 
 
    template: '<App/>', 
 
    components: { App } 
 
})

しかし、これは正しい方法であれば、私は知りませんそうするために。私はいくつかのコンポーネントでjQueryのか、他の変数を使用しようとしていたときにVueのプロトタイプを使用する再宣言することなく、Vueの中にライブラリをインポートして使用したい場合、私は再び

Answer 1

それらをインポートする必要が として、：

Vue.prototype.$moment = require('moment') 

次に、あなたのコンポーネントの内側：

method: { 
    action() { 
    let date = this.$moment() 
    } 
} 

現在のインスタンスのプロパティ詳細を読むことができます：

https://vuejs.org/v2/cookbook/adding-instance-properties.html