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或其他变量时，我必须再次导入它们

Answer 1

如果您想在Vue中导入和使用库而无需重新声明使用Vue原型：

title

然后在你的组件内：

mouseover

您可以在此处详细了解实例属性：

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

如何在vue js webpack

1 个答案: