Vue註冊區域性元件和全域性元件

2021-09-12 11:30:22 字數 394 閱讀 5641

1.新建components目錄,方便管理和修改

2.component資料夾下新建vueaudio元件,注意要用駝峰命名法或者短橫線命名法(—)

export default

3.引用元件

import vueaudio from 『@/components/vueaudio』

export default

}1.同上新建元件

2.main.js中引入元件

import vueaudio from 『@/components/vueaudio』

vue.use(vueaudio ) // 自定義全域性元件的時候需要vue.use()

vue.component('vue-audio ', vueaudio ) //初始化元件

VUE註冊全域性元件和區域性元件

全域性元件 第一步 在components資料夾下建立乙個子檔案users.vue class users 第二步 在main.js中進行全域性註冊 the vue build version to load with the import command runtime only or stand...

vue 元件 全域性註冊和區域性註冊

全域性註冊方式 註冊 vue.component component a 全域性使用。區域性註冊方式 註冊 var acomp 在例項中定義 components 全域性註冊的元件,vue 根例項 new vue 的中使用。缺點 註冊了的全域性元件,就算不需要用到,仍會占用內存在註冊之後可以用可以在...

Vue 全域性註冊子元件與區域性註冊子元件

vue註冊全域性子元件和區域性子元件 ps 這裡是使用vue cli搭建的vue開發目錄 1vue註冊全域性子元件 第1步 建立子元件,如下 全域性子元件 第二步 在main.js中註冊子元件,如下 main.js中的 import head from components head header ...