0
点赞
收藏
分享

微信扫一扫

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);

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


举报

相关推荐

0 条评论