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

2021-09-25 09:02:13 字數 664 閱讀 4603

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

ps: 這裡是使用vue-cli搭建的vue開發目錄

1vue註冊全域性子元件

第1步: 建立子元件,**如下

全域性子元件

第二步: 在main.js中註冊子元件,**如下:

// main.js中的**

...import head from "./components/head";  // header

vue.component("headbar", head);

ps: 這裡的元件所在的目錄,  需要看自己所建立的子元件的目錄

1第三步, 使用子元件,**如下:

完成全域性子元件的註冊和使用

1vue註冊區域性元件

第一步, 建立子元件, **如下:

底部導航欄

第二步, 註冊並使用子元件

ps:區域性子元件註冊完成並使用。

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

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

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

1.新建components目錄,方便管理和修改 2.component資料夾下新建vueaudio元件,注意要用駝峰命名法或者短橫線命名法 export default 3.引用元件 import vueaudio from components vueaudio export default 1...

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

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