vue-cli腳手架（框架）

vue-cli腳手架（框架）

 

1、建立vue項目

npm install vue-cli -g   #-g全局
(sudo)npm install vue-cli -g   #mac筆記本

vue-init webpack myvue  #項目的名字
cd muvue
npm install
npm run dev

 

2、目錄結構的說明

出現下面這樣的圖就說明成功了

 

3、import和require的區別

import必定要放在文件頂部，他至關於一個指針引用了文件，並無吧文件包含進來，須要調用文件時才引入
require能夠吧文件放在任何位置，他是吧文件直接包含進來

4、設置文件路徑的流程

1）創建組件（.vue的文件）
2）配置路由（index.js文件中配置）
3）<router-link></router-link>
4)<router-view></router-view>
5)import 包名 from "組件路徑"
6)comonents進行註冊

5、實現異步加載

//異步
vue-resource:實現異步加載數據（已經棄用）
axios：實現異步加載數據
npm install axios --save-dev
npm install vue-axios --save-dev

 

6、VUE的生命週期

一、定義vue對象並實例化二、執行created函數三、編譯模板，只會編譯template的模板四、把HTML元素渲染到頁面當中五、執行mounted函數，（加載）至關於onload六、若是有元素的更新，就執行update函數七、銷燬實例