如何学习Vue源码

授人以鱼不如授人以渔，学习最重要的是掌握好的学习方法，才能事半功倍。

如何学习源码

  1. 将vue源码拷贝下来
  1. 运行npm run dev
  1. 打开example目录，使用里面的例子或者自己仿写一个html
  1. 打好debugger，服务器启动html文件(可以用vscode插件live server)
  1. 利用浏览器调试工具阅读源码
  1. 定位到具体函数代码中详细阅读
 
 

推荐的书籍

  • 深入浅出Vue： Vue2的源码。
  • Vuejs设计与实现： Vue3源码与设计思想。
 

在线网站