這次給大家帶來vue-cli元件配置與使用，vue-cli元件配置與使用的
注意事項
有哪些，下面就是實戰案例，一起來看一下。
概述：乙個檔案就是乙個模組，需要引入模組，和暴露模組的方法
在乙個元件中使用另乙個元件三部曲：引入元件、註冊元件、使用元件
1.main.js檔案解讀
2、元件的使用
.定義的元件一般放到components目錄下
.用乙個元件的過程
a .被引用的檔案暴露物件(如果元件中沒有script，可以不需要暴露)
b. 父元件引入子元件，註冊元件（全域性元件不需要引入），使用元件
擴充套件：import
import oo from xx
1.import相當於var、let去宣告乙個變數oo（自定義，解構賦值都可以）
2.from：引入哪個檔案
.如果是自己定義的檔案，一定要寫相對路徑『./'
.如果引入node——modules下的檔案不需要寫
import 變數 from 『模組路徑
import from 『模組路徑
import from 『模組路徑
3.此時oo返回乙個物件
4.如果希望物件中有內容，需要xx先暴露出物件，這樣oo才能接收到並在當前檔案使用。根據暴露物件的格式，決定接手變數的格式
.暴露多個物件，通過解構賦值接收
.暴露多個物件，通過乙個變數接收
vue cli 自定義配置全域性元件
在components資料夾load中新建loading.vue和loading.js兩個檔案，vue檔案用來寫公共元件，js用來匯出這個元件 在loading.js中，規定了使用這個元件的名字，以及使用方法 import loading from loading.vue const loading...
使用vue cli建立vue工程
在windows環境下，開啟命令列視窗，跳轉至想建立工程的路徑。如 d mywork 22 github rexel cn rexel jarvis 建立vue工程，命令 vue create rexel visual 可以選擇合適的載入控制項，我這裡選擇了管用的模式。也可以選擇default。進入...
vue使用vue cli建立專案
安裝執行環境 node和npm 安裝vue cli 檢視是否安裝成功vue v 安裝webpack 新建專案 1 vue init webpack 專案名稱 2 配置專案有關的資訊 專案名稱，開發者，描述，安裝路由，使用eslint 規範，測試單元 4 進入專案的資料夾下，使用npm run dev...