天天看點

vue2.0怎麼注冊全局元件的問題

1、添加元件vue檔案

<!-- 這裡和普通元件的書寫一樣 --> < template > < div class= "" > {{text}} </ div > </ template >

2、在項目入口檔案main.js中引入并注冊元件

// 引入自定義全局元件 import nullData from '@/components/layout/ndata' // 關鍵 不能使用Vue.use() Vue. component( 'nData', nullData)

3、全局元件的使用

<!-- 引入全局元件 --> < nData v-show=" shopList == ''" ></ nData >

4、解決問題

在多個vue檔案中使用到同一個元件的時候,不需要在每個vue檔案中都 import 引入該子元件,

也不需要在 components: {} 中表明引入的檔案

繼續閱讀