1. 程式人生 > >第一個vue項目——從0到1構建vue(一)

第一個vue項目——從0到1構建vue(一)

第一個 清晰 vue-cli 從0到1 搭建 圖片 數據 綁定 代碼

入職學霸君三周,我的第一個大需求,世界杯活動歷時兩周,剛剛終於上線。這是我第一個實踐中的vue項目,也磕磕絆絆的完成了從react的轉變。以此為記。

首先記錄下菜鳥的學習過程:

(1)看個大概

因為每個活動代碼相對獨立,我先大致看了一遍幾個之前的vue項目,從項目目錄結構開始,到樣式引用,接口調用方法,頁面構建方法,對有用的一些api什麽的有個大致的印象;

(2)了解VUE

帶著一點懵懂和猜測,我花了一上午的時間過了一遍vue文檔,主要是生命周期的使用,頁面模版結構,以及跟react的對比,然後跟隨文檔用vue-cli搭建了我的第一個vue項目,完成 hello vue;

(3)完善基本功能

根據之前的習慣,引入less,實現多頁面跳轉及頁面間數據傳遞,借用easyMock實現接口調用等;

(4)實現業務

萬事具備,就開始幹活了,主要策略就是摸著石頭過河,研讀文檔,主要解決生命周期的合理使用,事件的綁定,組件的封裝,父子組件的傳值等問題,還有一些圖片引用一類的問題,因為手生,其實遇到最多的是一些語法的問題,不過文檔很清晰,大多也能很快找到答案。

過程比較痛苦,終於也是磕磕絆絆的完成了。還存在很多可以優化的地方,主要是項目結構和邏輯實現的思路上,來日方長。

特別感謝幾位同事百忙之中的指導。

此為1,後面有時間就上代碼,寫寫具體操作。

第一個vue項目——從0到1構建vue(一)