当然学习一个框架之前,不管是什么类型的框架。都会有其需要的预备知识。没有预备知识学习框架可能让你的学习过程略显痛苦。所以,Vue.js也不例外。
学习本教程之前你最好有的预备知识:
HTML
CSS
JavaScript
ES6(最好有点这个基础,更快地能够理解所有知识点,虽然它就是JavaScript。)
本次教程TODO:基础篇:准备开发环境和调试环境
Vue.js模版语法
Vue.js指令
Vue.js计算属性
Vue.js监听器
Vue.jsclass和style绑定
Vue.js表单绑定
Vue.js组件,封装自己的组件库
Vue.js组合API
进阶篇:VueCLI构建工具
VueRoute路由
使用axios与服务端通信
Vuex的状态管理
Vite构建工具
实践篇:服务器渲染SSR
完成一个真实的案例并发布到生产环境中
原理篇:Vue.js的响应式原理,理解问什么修改数据视图会自动更新
虚拟DOM(VirtualDOM)的概念和原理
模版编译原理,理解Vue.js的模版是如何生效的
Vue.js整体架构设计与项目结构
深入理解Vue.js的生命周期,不同的生命周期钩子之前有什么区别,不同的生命周期之间Vue.js内部到底发生了什么
Vue.js提供的各种API的内部实现原理
指令的实现原理
过滤器的实现原理
Vue-route实现原理
Vuex实现原理
使用Vue.js开发项目的最佳实践
轮子篇:针对以上的知识点,实现一个简化版的Vue.js
以上都是大概的目录,以上都是大概的目录,随着新手的进阶,世界地图将随时有新的任务。会随着任务的过程中进行调整。本次教程会参考很多来自网络的知识点。及大家所长,尽量做到由浅入深,而又不需要再次查询其他文档和知识点。参考资料不仅限于以下说明:官方文档: