全局组件的使用

可能有一个组件大部分页面都会使用，可以每个使用的页面都进行一次引用，或者是直接定义到Vue上，这样只需要main.js引用一次，其他页面便可以直接使用。

1、定义全局组件imgNo.vue

<template>

  <div>无数据时候显示的占位符</div>

</template>

2、main.js中进行定义

import  imgNo from "@/components/imgNo.vue"

Vue.component("imgNo", imgNo)

3、使用

<template>

  <div>

    <imgNo />

  </div>

</template>