可能有一个组件大部分页面都会使用,可以每个使用的页面都进行一次引用,或者是直接定义到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>