注册全局vue组件,避免多次导入、注册
1. 创建一个index.js文件
// 导入组件
import bigImg from './bigImg';
let _vue;
bigImg.install = function(Vue, options) {
// 避免多次注册
if (_vue) return;
_vue = Vue;
// 注册组件
Vue.component('bigImg', bigImg);
};
// 导出组件
export default bigImg;
2. 全局使用,绑定到vue上,在mian.js文件中引入
// 导入文件
import bigImg from './components/index';
Vue.use(bigImg);
3. 使用,无需导入直接使用
// 直接使用
<bigImg :srcPath="url" v-if="isShow" @clickMask="isShow = false"/>