首先注意确保在初始化根实例之前注册组件,通俗来讲就是先注册组件,之后再创建vue实例,实例要在注册组件之后创建

使用Vue.component 注册全局组件

vue全局组件局部组件的使用

创建vue实例

vue全局组件局部组件的使用

组件注册之后何以作为自定义元素在一个实例模板中使用

vue全局组件局部组件的使用

使用components注册局部组件

首先声明一个组件模板字符串

vue全局组件局部组件的使用

创建vue实例

vue全局组件局部组件的使用

父组件中使用

vue全局组件局部组件的使用

到这里会得出结果

全局组件<my></my>可以在app1中正常使用

局部组件<my-child></my-child> 只可以在app1中使用

 

相关文章:

  • 2021-11-02
  • 2021-06-23
  • 2021-06-03
  • 2022-01-15
  • 2021-11-11
  • 2021-07-19
  • 2021-11-02
  • 2021-11-28
猜你喜欢
  • 2021-04-18
  • 2021-11-06
  • 2021-07-19
  • 2021-04-20
  • 2022-01-04
  • 2021-09-22
  • 2021-12-02
相关资源
相似解决方案