vue 构建全局组件，不需要在每个文件中import引入

首先新建一个js文件，暂时取名为index.js

//需要全局化的组件

import WaterMark from "./WaterMark";
import FormGroupTitle from "./FormGroupTitle";
import FormItem from "./FormItem";


let components = {
    install: function(Vue) {
        Vue.component("WaterMark", WaterMark);
        Vue.component("FormGroupTitle", FormGroupTitle);
        Vue.component("FormItem", FormItem);
    },
};
export default components;

在项目的入口文件main.js中

//引入上述的index.js
import components from "./components/index.js";
Vue.use(components);

经过上述两步就可以在页面中任何地方使用组件了