如果快速入門前端框架vue,我將其分爲三個階段。
準備階段
1、參考官網文檔Vue指令學習。 切記:自己可以把官網上面的指令都敲一遍。
2、瞭解Vue生命週期、組件、路由等 組件:瞭解組件之間如何傳值 路由 : 子路由 ,怎麼保證一塊頁面不變化,另一塊頁面進行路由跳轉(導航欄與具體詳情頁)
3、UI框架的瞭解。 例如Element UI , 熟悉怎麼使用。
實戰階段
1、比如後臺管理系統,項目搭建採用前後端分離(Vue + SpringBoot)然後創建組件、定義路由
2、Vue整合Element UI,使用Element UI 定義了的標籤,直接就使用。例如 el-input 就是一個輸入框但是樣式很好看。
3、使用this.$http.get()、this.$http.post()發送請求,需要安裝一個vue-resource包
優化階段
1、項目包的規範性,參考github上star比較多的項目
2、組件解耦,可以把很多組件都獨立出來。
3、util之類的函數可以抽離出來,放到一個js文件裏面,例如:時間格式轉換函數 , http請求。
4、頁面佈局,響應式的頁面設計。
問題排查:
如果我們遇到問題之後怎麼辦?
答:首先檢查一下自己的代碼,是不是自己寫錯了,也可以給自己的瀏覽器裝插件,然後打斷點排查。推薦插件:vue Devtools。
如果自己還是解決不了的話(三小時內解決不了)就去找導師,但是自己最好要把所有你想到的解決方案都試一遍
我寫項目的時候完全沒思路不知道怎麼下手?
答:如果你要是沒有 html css js 基礎的話 ,那你就去看這些吧 ,不要焦慮 從寫一個組件 一個簡單的頁面開始。