普通组件的注册使用

组件注册的两种方式:

1. 局部注册:只能在注册的组件内使用

      ① 创建 .vue 文件(三个组成部分)

      ② 在使用的组件内导入并注册

eg:

      (import  组件对象  from  ' .vue文件路径 ')

        import  HmHeader  from  ' ./components/HmHeader '

        export  default  {

             components: {

                   (组件名 : 组件对象)

                     HmHeader : HmHeader

             }

       }

       使用:把组件名当成 html 标签使用(eg:<HmHeader></HmHeader>)             

                 <template>
                      <div class="App">
                              <HmHeader></HmHeader>
                     </div>
                </template>
 

2. 全局注册:所有组件内都能使用

 

posted @ 2023-10-08 21:03  1stzz1  阅读(43)  评论(0)    收藏  举报