快速入門前端框架Vue

如果快速入門前端框架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 基礎的話 ,那你就去看這些吧 ,不要焦慮 從寫一個組件 一個簡單的頁面開始。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章