vue之全局组件注册

注册全局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"/>