vue-cli中全局組件怎么實現


第一種:

一.在components中建立一個組件

二.在main.js中import引入

三.再用Vue.component('組件名',引入的組件)

四.在其他組件中引用<組件名/>

第二種:

一.在components中建立一個組件

新建   demo.vue

新建     demo.js

在demo.js里

import demo from './demo.vue'

const demo = {
    install(Vue) {
        Vue.component('demo', demo);
    }
}
export default demo

 

二:在main.js里

import demo from './components/demo3/demo.js'
Vue.use(demo);

 

在其他組件里可以使用

<demo></demo>

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM