1. 程式人生 > >vue入門實戰教程

vue入門實戰教程

https://github.com/liangxiaojuan/eleme/

https://github.com/liangxiaojuan/vue-Meizi

慕課網vue.js餓了嗎。不過對於vue的入門還是不錯的,使用的是vue1.0框架,雖然現在已經是vue2.0, 不過2.0基本上只是多了virtual-DOM,Templates || JSX || Hyperscript,流式服務端渲染及一些效能優化,並且管方也有詳細的1.0到2.0的遷移教程,懂1.0了,2.0也不用怎麼去學習了。

這套教程我也花了這個價去跟著跑了下,還是有收穫的,至少這個錢覺得是沒白花的,雖然有些地方和他的見解不是很一致,但是整體我覺得這個教程對於新手來說還不錯。

做好的專案介面大致是這樣的:
1.png

2.png

3.png

4.png

該視訊上面說的難度是高階,但是應該是屬於初中級的課程,對於沒有用vue開發過專案的朋友,想熟悉下開發流程,還是不錯的,他也簡單的將webpack的配置過了下,還有一些移動端的1px問題,flex佈局之類的小技巧也會包含在內。

順便貼下vue1.0的一些連線:(2.0的很好找)