第一個vue項目——從0到1構建vue（一）

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

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

（1）看個大概

由於每一個活動代碼相對獨立，我先大體看了一遍幾個以前的vue項目，從項目目錄結構開始，到樣式引用，接口調用方法，頁面構建方法，對有用的一些api什麼的有個大體的印象；

（2）瞭解VUE

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

（3）完善基本功能

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

（4）實現業務

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

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

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

此爲1，後面有時間就上代碼，寫寫具體操做。