學Vue.js需要怎樣的知識儲備?

最近碰Vue.js好挫折啊...,憑以前在學校學的骨灰級網頁技術根本無力扛,弄了一週才終於搞好了個項目...,決心想要從根底打起,所以就上來問問大家要玩好Vue.js之前,需要哪些知識儲備呢?想要有個比較明確的list,想要一步一步踏實的啃。先謝謝大家了!

補充:

官方文檔:『官方指南假設你已有 HTML、CSS 和 JavaScript 中級前端知識。如果你是全新的前端開發者,將框架作為你的第一步可能不是最好的主意——掌握好基礎知識再來!之前有其他框架的使用經驗是有幫助的,但不是必需的。』

我想我有足夠的html、css技巧,js估計中等不到班,也沒有任何的其他框架使用經驗,而選擇了將Vue.js作為我的第一步...,這樣的狀況下,怎樣的學習路線會比較正確呢?


按你所說,"js中等不到",那麼學起來肯定會比較吃力,因為這樣的js水平可能會理解不了框架細節上的一些問題,比如為什麼有些地方的雙向綁定不能生效,為什麼組件的data欄位要是一個函數,甚至是生命周期鉤子為什麼會存在你都搞不清楚,所以我建議還是先把js學好,要不你很難深入任何一個框架,僅僅是靠記憶去使用它,是很痛苦的


蟹妖~

中文…

官方文檔寫的簡直不要太詳細…


個人認為的前置知識要求:

HTML/CSS/JS、this相關的知識(作用域、apply、call、bind)、JSON、ES6、Node.js、npm、webpack、babel……

其實尤大的這篇專欄講得很清楚:新手向:Vue 2.0 的建議學習順序 - 知乎專欄

夾點私貨——

Think In Vue - 知乎專欄(內容還不夠豐富,劃掉)

學習 Vue 你需要知道的 webpack 知識(如果有人舉報,這一行也劃掉)

Vue.js前端框架詳解-基礎amp;amp;amp;amp;進階amp;amp;amp;amp;實戰_Vue.js前端框架詳解-基礎amp;amp;amp;amp;進階amp;amp;amp;amp;實戰職業課程-極客學院 (這個的缺點是基於 Vue 1的,優點是可以提問題,有問必答並且會考核,然後學院會根據考核項給回答問題的老師付錢,遇到過一個學員,問的問題估計能讓學院把學費全付出去。如果有人舉報,也劃掉)


前置技能 webpack + es6


有中文文檔,而且很貼心的在講單文件組件的時候,貼了es2015和webpack的鏈接。跟著看就是了。vue好像提供了個vue-simple-template的模版,可以在那上面改著玩,注意:一開始最好不要下網上複雜工程來做參考,不然你會發現,連個簡單的require都報錯,個人感覺vue還是不錯的,但webpack那個配置真是個坑,尤其loader


要會服務端的相關知識 CommonJS規範

還有ES6


js看過高程3,css3會用transition,差不多就可以學了吧


個人觀點:如果是用的話看看文檔 就直接做項目就行了,中文文檔簡直是良心啊。反正我是這麼過來的。

其他的就看個人奮鬥和歷史進程了。


你就把 vue.js 當成 jQuery 一樣引用和使用就好了


推薦閱讀:

vue和react組件是否可能互相編譯?
vue每次註冊一個組件都會在html元素標籤里生成這種屬性嗎?
如何理解Vue.js的組件中的slot?

TAG:前端開發 | Vuejs |