vue.js学习资源大全

野性酷女 2022-06-07 06:07 379阅读 0赞

**下面整理了一些关于Vue以及Vue衍生的学习资源：**

1.  **官网教程: [https://cn.vuejs.org/v2/guide/installation.html][https_cn.vuejs.org_v2_guide_installation.html]**  
    
2.  **官网API:[https://cn.vuejs.org/v2/api/\#silent][https_cn.vuejs.org_v2_api_silent][ECMAScript 6 入门][ECMAScript 6]:[http://es6.ruanyifeng.com/][ECMAScript 6]**
3.  **30分钟掌握ES6/ES2015核心内容（上）:[https://segmentfault.com/a/1190000004365693][https_segmentfault.com_a_1190000004365693]**  
    
4.  **30分钟掌握ES6/ES2015核心内容（下):[https://segmentfault.com/a/1190000004368132][https_segmentfault.com_a_1190000004368132]**  
    
5.  **vuefe:[https://vuefe.cn/v2/guide/][https_vuefe.cn_v2_guide]**
6.  **Vue中文社区:[http://www.vue-js.com/getstart][http_www.vue-js.com_getstart]**  
    
7.  **vue-router 2:[http://router.vuejs.org/zh-cn/][http_router.vuejs.org_zh-cn]**  
    
8.  **Vuex:[https://vuex.vuejs.org/zh-cn/intro.html][https_vuex.vuejs.org_zh-cn_intro.html]**
9.  **到底Vuex是什么:[https://segmentfault.com/a/1190000007516967][https_segmentfault.com_a_1190000007516967]**
10. **[Vuex原来可以这样上手][Vuex]:[http://blog.csdn.net/sinat\_17775997/article/details/56684098][Vuex]**  
    
11. **vuex-router-sync:[https://github.com/vuejs/vuex-router-sync\#vuex-router-sync][https_github.com_vuejs_vuex-router-sync_vuex-router-sync]**  
    
12. **Vue-loader:[https://vue-loader.vuejs.org/en/][https_vue-loader.vuejs.org_en]**
13. **Vue + Webpack + Vue-loader 系列教程：[http://www.cnblogs.com/lvyongbo/p/5953464.html][http_www.cnblogs.com_lvyongbo_p_5953464.html]**  
    
14. **Vue-i18n:[https://kazupon.github.io/vue-i18n/old/][https_kazupon.github.io_vue-i18n_old]**
15. ** [前端国际化之Vue-i18n源码分析][Vue-i18n]:[https://segmentfault.com/a/1190000008752459][Vue-i18n]**
16. **Vux(Vux = Vue + WeUI + A Bunch of Components):[https://vuxjs.gitbooks.io/vux/content/install/vue.html][https_vuxjs.gitbooks.io_vux_content_install_vue.html]**
17. # [Webpack——令人困惑的地方][Webpack]:[https://segmentfault.com/a/1190000005089993][Webpack] #
18. # [vue + webpack 起手式][vue _ webpack]:[https://segmentfault.com/a/1190000005363030][vue _ webpack] #
19. # [Vue2.x踩坑与总结][Vue2.x]:[http://mrzhang123.github.io/2017/02/07/vue2/][http_mrzhang123.github.io_2017_02_07_vue2] #
20. # [vue-router 基本使用][vue-router]:[http://www.cnblogs.com/SamWeb/p/6610733.html][vue-router] #
21. **vuex2.0的基本使用：[http://www.cnblogs.com/SamWeb/p/6527240.html][http_www.cnblogs.com_SamWeb_p_6527240.html]**
22. **element:[http://element.eleme.io/\#/zh-CN/component/installation][http_element.eleme.io_zh-CN_component_installation]**
23. **Vue.js——vue-resource全攻略:[http://www.cnblogs.com/axl234/p/5899137.html][http_www.cnblogs.com_axl234_p_5899137.html]**  
    
24. **Vue Auth:[https://github.com/websanova/vue-auth][https_github.com_websanova_vue-auth]**
25. # [Chrome 实用调试技巧][Chrome]：[http://www.cnblogs.com/chinajava/p/5716869.html][Chrome] #
26. # Vue.js Fundamentals:[https://www.youtube.com/playlist?list=PLwAKR305CRO\_1yAao-8aZiQnBqJeyng4O][https_www.youtube.com_playlist_list_PLwAKR305CRO_1yAao-8aZiQnBqJeyng4O] #
27. # Getting up and Running with the Vue.js 2.0 Framework:[https://www.sitepoint.com/up-and-running-vue-js-2-0/][https_www.sitepoint.com_up-and-running-vue-js-2-0] #
28. **Learn Vue 2: Step By Step:[https://laracasts.com/series/learn-vue-2-step-by-step][https_laracasts.com_series_learn-vue-2-step-by-step]**
29. **axios基本用法:[http://www.cnblogs.com/Upton/p/6180512.html][http_www.cnblogs.com_Upton_p_6180512.html]**  
    
30. **Vue 爬坑之路（六）—— 使用 Vuex + axios 发送请求:[http://www.cnblogs.com/wisewrong/p/6402183.html][http_www.cnblogs.com_wisewrong_p_6402183.html]**  
    
31. # Vuejs的一些总结:[http://mrzhang123.github.io/2016/07/14/summarize-vue/][http_mrzhang123.github.io_2016_07_14_summarize-vue] #
32. **VUE.JS组件化开发实践：[http://www.cnblogs.com/rock-roll/p/5692891.html][http_www.cnblogs.com_rock-roll_p_5692891.html]**  
    
33. # [使用Vue.js和Vuex实现购物车场景][Vue.js_Vuex]:[https://segmentfault.com/a/1190000005780326][Vue.js_Vuex] #
34. **\[vue+vuex+vue-router\] 强撸一发暗黑风 markdown 日记应用:[https://segmentfault.com/a/1190000005787179][https_segmentfault.com_a_1190000005787179]**  
    
35. # [使用 Vuex + Vue.js 构建单页应用][Vuex _ Vue.js]:[https://segmentfault.com/a/1190000005891026\#articleHeader3][https_segmentfault.com_a_1190000005891026_articleHeader3] #
36. # [vue2.0构建单页应用最佳实战][vue2.0]:[https://segmentfault.com/a/1190000007630677?utm\_source=weekly&utm\_medium=email&utm\_campaign=email\_weekly][https_segmentfault.com_a_1190000007630677_utm_source_weekly_utm_medium_email_utm_campaign_email_weekly] #
37. **vue入门 | 使用vue.js2.0 + ElementUI开发后台管理系统详细教程（一）:[http://www.jianshu.com/p/d87d7140944e][http_www.jianshu.com_p_d87d7140944e]**  
    
38. # [一个vue2.0+vuex+vue-router搭建的单页潮流购物网站][vue2.0_vuex_vue-router]：[https://segmentfault.com/a/1190000008317170\#articleHeader17][https_segmentfault.com_a_1190000008317170_articleHeader17] #
39. # [Vue 初接触实战之账单组件][Vue]：[https://segmentfault.com/a/1190000006431418][Vue] #
40. # [SegmentFault 技术周刊 Vol.14 - 进阶 Vue 2.0][SegmentFault _ Vol.14 - _ Vue 2.0]：[https://segmentfault.com/a/1190000007638646][SegmentFault _ Vol.14 - _ Vue 2.0] #
41. **[vuejs 和 element 搭建的一个后台管理界面][vuejs _ element]:[http://www.cnblogs.com/taylorchen/p/6083099.html][vuejs _ element]**
42. **基于vue2+vuex2+vue-router+axios+elementUI做的自动化后台模板:[http://www.cnblogs.com/sailengsi/p/6400340.html][http_www.cnblogs.com_sailengsi_p_6400340.html]**
43. **[awesome-vue][]:[https://github.com/vuejs/awesome-vue\#libraries--plugins][https_github.com_vuejs_awesome-vue_libraries--plugins]**
44. **使用Vue快速开发单页应用:[http://www.cnblogs.com/wyaocn/p/5806700.html][http_www.cnblogs.com_wyaocn_p_5806700.html]**
45. **vuejs-templates:[http://vuejs-templates.github.io/webpack/][http_vuejs-templates.github.io_webpack]**  
    
46. # [一个Node.js+mongoDB+Vue.js的博客内容管理系统][Node.js_mongoDB_Vue.js]：[https://segmentfault.com/a/1190000006939687][Node.js_mongoDB_Vue.js] #

[https_cn.vuejs.org_v2_guide_installation.html]: https://cn.vuejs.org/v2/guide/installation.html
[https_cn.vuejs.org_v2_api_silent]: https://cn.vuejs.org/v2/api/#silent
[ECMAScript 6]: http://es6.ruanyifeng.com/
[https_segmentfault.com_a_1190000004365693]: https://segmentfault.com/a/1190000004365693
[https_segmentfault.com_a_1190000004368132]: http://blog.csdn.net/u012860063/article/details/30%E5%88%86%E9%92%9F%E6%8E%8C%E6%8F%A1ES6/ES2015%E6%A0%B8%E5%BF%83%E5%86%85%E5%AE%B9%EF%BC%88%E4%B8%8B%29:https://segmentfault.com/a/1190000004368132
[https_vuefe.cn_v2_guide]: https://vuefe.cn/v2/guide/
[http_www.vue-js.com_getstart]: http://www.vue-js.com/getstart
[http_router.vuejs.org_zh-cn]: http://router.vuejs.org/zh-cn/
[https_vuex.vuejs.org_zh-cn_intro.html]: https://vuex.vuejs.org/zh-cn/intro.html
[https_segmentfault.com_a_1190000007516967]: https://segmentfault.com/a/1190000007516967
[Vuex]: http://blog.csdn.net/sinat_17775997/article/details/56684098
[https_github.com_vuejs_vuex-router-sync_vuex-router-sync]: https://github.com/vuejs/vuex-router-sync#vuex-router-sync
[https_vue-loader.vuejs.org_en]: https://vue-loader.vuejs.org/en/
[http_www.cnblogs.com_lvyongbo_p_5953464.html]: http://www.cnblogs.com/lvyongbo/p/5953464.html
[https_kazupon.github.io_vue-i18n_old]: https://kazupon.github.io/vue-i18n/old/
[Vue-i18n]: https://segmentfault.com/a/1190000008752459
[https_vuxjs.gitbooks.io_vux_content_install_vue.html]: https://vuxjs.gitbooks.io/vux/content/install/vue.html
[Webpack]: https://segmentfault.com/a/1190000005089993
[vue _ webpack]: https://segmentfault.com/a/1190000005363030
[Vue2.x]: https://segmentfault.com/a/1190000008279436
[http_mrzhang123.github.io_2017_02_07_vue2]: http://mrzhang123.github.io/2017/02/07/vue2/
[vue-router]: http://www.cnblogs.com/SamWeb/p/6610733.html
[http_www.cnblogs.com_SamWeb_p_6527240.html]: http://www.cnblogs.com/SamWeb/p/6527240.html
[http_element.eleme.io_zh-CN_component_installation]: http://element.eleme.io/#/zh-CN/component/installation
[http_www.cnblogs.com_axl234_p_5899137.html]: http://www.cnblogs.com/axl234/p/5899137.html
[https_github.com_websanova_vue-auth]: https://github.com/websanova/vue-auth
[Chrome]: http://www.cnblogs.com/chinajava/p/5716869.html
[https_www.youtube.com_playlist_list_PLwAKR305CRO_1yAao-8aZiQnBqJeyng4O]: https://www.youtube.com/playlist?list=PLwAKR305CRO_1yAao-8aZiQnBqJeyng4O
[https_www.sitepoint.com_up-and-running-vue-js-2-0]: https://www.sitepoint.com/up-and-running-vue-js-2-0/
[https_laracasts.com_series_learn-vue-2-step-by-step]: https://laracasts.com/series/learn-vue-2-step-by-step
[http_www.cnblogs.com_Upton_p_6180512.html]: http://blog.csdn.net/u012860063/article/details/68063919
[http_www.cnblogs.com_wisewrong_p_6402183.html]: http://www.cnblogs.com/wisewrong/p/6402183.html
[http_mrzhang123.github.io_2016_07_14_summarize-vue]: http://mrzhang123.github.io/2016/07/14/summarize-vue/
[http_www.cnblogs.com_rock-roll_p_5692891.html]: http://www.cnblogs.com/rock-roll/p/5692891.html
[Vue.js_Vuex]: https://segmentfault.com/a/1190000005780326
[https_segmentfault.com_a_1190000005787179]: https://segmentfault.com/a/1190000005787179
[Vuex _ Vue.js]: https://segmentfault.com/a/1190000005891026
[https_segmentfault.com_a_1190000005891026_articleHeader3]: https://segmentfault.com/a/1190000005891026#articleHeader3
[vue2.0]: https://segmentfault.com/a/1190000007630677
[https_segmentfault.com_a_1190000007630677_utm_source_weekly_utm_medium_email_utm_campaign_email_weekly]: https://segmentfault.com/a/1190000007630677?utm_source=weekly&utm_medium=email&utm_campaign=email_weekly
[http_www.jianshu.com_p_d87d7140944e]: http://www.jianshu.com/p/d87d7140944e
[vue2.0_vuex_vue-router]: https://segmentfault.com/a/1190000008317170
[https_segmentfault.com_a_1190000008317170_articleHeader17]: https://segmentfault.com/a/1190000008317170#articleHeader17
[Vue]: https://segmentfault.com/a/1190000006431418
[SegmentFault _ Vol.14 - _ Vue 2.0]: https://segmentfault.com/a/1190000007638646
[vuejs _ element]: http://www.cnblogs.com/taylorchen/p/6083099.html
[http_www.cnblogs.com_sailengsi_p_6400340.html]: http://www.cnblogs.com/sailengsi/p/6400340.html
[awesome-vue]: https://github.com/vuejs/awesome-vue
[https_github.com_vuejs_awesome-vue_libraries--plugins]: https://github.com/vuejs/awesome-vue#libraries--plugins
[http_www.cnblogs.com_wyaocn_p_5806700.html]: http://www.cnblogs.com/wyaocn/p/5806700.html
[http_vuejs-templates.github.io_webpack]: http://vuejs-templates.github.io/webpack/
[Node.js_mongoDB_Vue.js]: https://segmentfault.com/a/1190000006939687