Vue注册局部组件和全局组件

局部组件

1.新建components目录，方便管理和修改

2.component文件夹下新建VueAudio组件,注意要用驼峰命名法或者短横线命名法（—）

export default{
name: ‘VueAudio’
}

3.引用组件

import VueAudio from ‘@/components/VueAudio’

export default {
components:{VueAudio}
}

全局组件

1.同上新建组件

2.main.js中引入组件

import VueAudio from ‘@/components/VueAudio’

Vue.use(VueAudio ) // 自定义全局组件的时候需要Vue.use()

Vue.component('vue-audio ', VueAudio ) //初始化组件