1. 程式人生 > 其它 >從零開始前端-vue框架使用入門

從零開始前端-vue框架使用入門

從零用vue開發一個專案:
1.下載vue相關的admin或者cli用vue init建立
2.找到index.html->就是繫結vue app.vue的入門
3.找到main.js順著main.js找到路由
4.先設計好所有頁面,可以先畫原型圖,或者寫純html css js頁面,思考如何拆解成元件
5.main.js路由到的就是首頁,將首頁拆解為子元件,每個元件都是一部份html,例如,header,footer通用的元件,layout及佈局,代替後端渲染的模版引擎的功能
6.用元件的時候需要先引入,每個元件有個exporter 標記的就是元件的一些屬性,每個元件有它的html,css,js
7.每個元件有自己的網路請求

實際:
一般很少自己寫元件都是微調元件
1.到github上找個組建庫的admin
https://panjiachen.github.io/vue-element-admin-site/zh/guide/
2.啟動並,瀏覽整個框架
3.複用主要ui介面,找到路由
4.找到路由到的元件
5.修改元件的資料來源,例如axio的網路請求
6.除錯網路請求直至ui正常重新整理
7.微調ui以滿足需求
8.打包交付