全局组件的注册和使用

发布时间 2023-10-09 13:53:10作者: 嘎嘎鸭2

全局注册:所有组件内都能直接使用。在多个组件范围内使用的通用的组件 就可以定义成 全局组件

 

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

           ② main.js 中进行全局注册

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

                         import  HmButton  from  ' ./components/HmButton.vue '     // 导入需要全局注册的组件

                         // Vue.component (' 组件名 ', 组件对象)

                         Vue.component (' HmButton ', HmButton)    // 调用 Vue.component 进行全局注册

 

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