1、添加组件vue文件
<!-- 这里和普通组件的书写一样 -->
<
template
>
<
div
class=
""
>
{{text}}
</
div
>
</
template
>
2、在项目入口文件main.js中引入并注册组件
// 引入自定义全局组件
import
nullData
from
'@/components/layout/ndata'
// 关键 不能使用Vue.use()
Vue.
component(
'nData',
nullData)
3、全局组件的使用
<!-- 引入全局组件 -->
<
nData
v-show="
shopList ==
''"
></
nData
>
4、解决问题
在多个vue文件中使用到同一个组件的时候,不需要在每个vue文件中都 import 引入该子组件,
也不需要在 components: {} 中表明引入的文件