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

全域性元件

第一步：在components資料夾下建立乙個子檔案users.vue    

class="

users
">}

第二步：在main.js中進行全域性註冊

//

the vue build version to load with the `import` command
//(runtime-only or standalone) has been set in webpack.base.conf with an alias.
import vue from
'vue
'from''
import router 
from
'./router
'// 全域性配置元件第一步    users是資料夾的名字
import users from './components/users'
vue.config.productiontip = false
// 全域性註冊元件第二部   users是
vue.component('users',users)
/*eslint-disable no-new 
*/new
vue()

第三步：在對應的檔案中引用

"

"> 
}

區域性元件    

在components資料夾下新建乙個子元件users.vue檔案，然後

在對應的檔案中引用

"

"> 
}

或者

"

"> 

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

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

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

vue元件包括兩種 1 全域性元件，2 區域性元件 區域性元件var 變數名字一定要放在new vue例項外面 1 全域性元件 text align center color red font size 20px margin top 20px 全域性元件直接像上面這樣 註冊 就可以 如果還想註冊繼...

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

vue.component mycpn cpnc components html lang en head meta charset utf 8 title document title script src js vue.js script head div id mycpn div div id...