Vue怎么引入一个自己写的js文件？

Question

举个例子，代码如下：

components.js

import Vue from 'vue'
import { Grid, GridItem } from 'vux'

Vue.component('grid', Grid)
Vue.component('grid-item', GridItem)
...
...
...

如何在vue-cli 项目中main.js 引用 上述js文件，上述js文件中并没有 export语句。

Answer 1

Vue.component的作用是注册全局组件,
所以可以直接import这个模块

import '/path/to/components.js'

用法说明:

仅为副作用而导入一个模块
仅为模块的副作用而导入一个模块，而不导入模块中的任何内容。 这将运行模块中的全局代码, 但实际上不导入任何值。

详见MDN

Answer 2

import { AlertPlugin, ConfirmPlugin } from 'vux'
    
Vue.use(ConfirmPlugin)
Vue.use(ToastPlugin)

.....