本篇文章給大家分享的是有關(guān)如何正確的使用vue-cli 組件，小編覺得挺實(shí)用的，因此分享給大家學(xué)習(xí)，希望大家閱讀完這篇文章后可以有所收獲，話不多說，跟著小編一起來看看吧。

創(chuàng)新互聯(lián)建站專注于中大型企業(yè)的網(wǎng)站建設(shè)、成都做網(wǎng)站和網(wǎng)站改版、網(wǎng)站營銷服務(wù)，追求商業(yè)策劃與數(shù)據(jù)分析、創(chuàng)意藝術(shù)與技術(shù)開發(fā)的融合，累計(jì)客戶近千家，服務(wù)滿意度達(dá)97%。幫助廣大客戶順利對接上互聯(lián)網(wǎng)浪潮，準(zhǔn)確優(yōu)選出符合自己需要的互聯(lián)網(wǎng)運(yùn)用，我們將一直專注高端網(wǎng)站設(shè)計(jì)和互聯(lián)網(wǎng)程序開發(fā)，在前進(jìn)的路上，與客戶一起成長！

1.main.js文件解讀

.是整個(gè)項(xiàng)目的入口文件,在src文件夾下
.import（es6）引入vue和根組件app.vue
.最后new Vue，啟動(dòng)應(yīng)用

2、組件的使用

.定義的組件一般放到components目錄下
.用一個(gè)組件的過程

a .被引用的文件暴露對象(如果組件中沒有script，可以不需要暴露)

b. 父組件引入子組件，注冊組件（全局組件不需要引入），使用組件

擴(kuò)展：import

import OO from XX

1.import相當(dāng)于var、let去聲明一個(gè)變量OO（自定義，解構(gòu)賦值都可以）

2.from：引入哪個(gè)文件

  .如果是自己定義的文件，一定要寫相對路徑‘./'
  .如果引入node——modules下的文件不需要寫

     import 變量 from ‘模塊路徑
     import {解構(gòu)賦值} from ‘模塊路徑
     import {* as 變量} from ‘模塊路徑

3.此時(shí)OO返回一個(gè)對象

4.如果希望對象中有內(nèi)容，需要XX先暴露出對象，這樣OO才能接收到并在當(dāng)前文件使用。根據(jù)暴露對象的格式，決定接手變量的格式

.暴露多個(gè)對象，通過解構(gòu)賦值接收

.暴露多個(gè)對象，通過一個(gè)變量接收

以上就是如何正確的使用vue-cli 組件，小編相信有部分知識(shí)點(diǎn)可能是我們?nèi)粘９ぷ鲿?huì)見到或用到的。希望你能通過這篇文章學(xué)到更多知識(shí)。更多詳情敬請關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。