vue2.0一塊兒在懵逼的海洋裏越陷越深（一）

就在今年的10月份，Vue2.0發佈啦，來懵逼的海洋裏一塊兒下沉吧！

前段陣子都沒有發隨筆，一方面要準備一場考試，另外一方面是在研究vue2.0，又一方面一時也不知道寫點什麼好。
（而其實最大的方面是本身找到了偷懶不寫隨筆的理由了。。。）

---

http://leenty.com/img/vue/vue...

@周星星和江南另外三大才子有佳句流傳：
山下一羣鵝，噓聲趕落河.
下河捉鵝醫肚餓，吃完回家玩...
呃...玩vue2.0 咳咳咳咳

先看看vue2.0多了哪些好玩的

• virtual-DOM（聽說不是普通的Virtual-DOM）

• Templates || JSX || Hyperscript(如今，你能夠選擇你喜歡的編寫模式進行開發了)

• 流式服務端渲染（這個聽起來很厲害，後面一塊兒研究）

• 其餘（各類性能優化，更多想象發揮空間，更多可能）

伴隨着vue2.0的更新，vue生態鏈的其餘組件也跟着進行了更新

• vue-router

• vue-resource

• vue-cli

好，進入正題

先貼個地址，個人vue2.0的demo
這個demo使用vue-cli快速生成還發環境
加入vue-router作前端路由
加入vue-resource作ajax
加入vuex作狀態管理
demo裏目前使用hash模式
具體的會在接下來一一介紹

具體細節

好的，如今打開你的終端，開始開車啦！?

• 安裝vue-cli

npm install -g vue-cli

• 建立vue項目
  語法：

vue init <template-name> <project-name>

這裏我選擇使用webpack來建立（能夠參考git入門級-在github建立項目）

vue init webpack app

以後vue-cli就會詢問Project name，你能夠輸入你的工程名，或者直接回車就會默認使用以前的名稱
以後還會有一系列詢問，你能夠一路回車下來，這樣就建立好了一個
大概會是這樣子
http://leenty.com/img/vue/vue...

• 安裝依賴

npm i

當完成這一步步驟後就能夠使用命令啓動vue應用了

npm run dev

• 接下來就安裝其餘須要的組件，vue-router,vue-resource,vuex

npm install vue-router vue-resource vuex --save

到這一步，vue項目的骨架已經好了。