學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?