Vue.js 源码学习之Flag篇

Posted 2021-11-26 younntone

The Progressive javascript Framework ——vuejs.org

起因

第一次接触 Vue.js 是因为要做一个通讯录的外包项目，这个项目要有前台展示和中后台管理，从轮子做起肯定是不明智的选择，所以当时初步定下的是 Vue.js + Element UI 的技术栈。

项目过程很漫长，因为给的钱实在是可有可无，权当是学习了。

项目的接口是交给了同学。

整个项目采用的是钱后端分离的开发模式，我做我的页面，他做他的接口。

项目出了两个版本，做的时候，中间就强行的看文档、看视频教程，很大的感觉就是基础功不扎实，很多 Javascript , CSS , html 的知识都是在做东西的时候现学现用，整个过程满满的无力感。过程中一直没有醒悟想要去停下来好好学学基础知识，也因为工期的原因吧，两个版本中间算是进行了还算说得过去的基础知识学习。

总结下来，还是觉得

工欲善其事，必先利其器。

会什么

这就分成了项目前后了：

项目前

• 不知道网页开发为何物
  • 折腾了自己的Hexo博客
    • 因创业需求做了一个微信小程序

项目后

• 了解了 Element UI 组件库的肤浅用法
• 了解了 Vue,js 的肤浅用法
• 知道了一些基本的网页开发的知识点

要做什么

既然已经用过了 Vue.js 为什么不好好学一下成为一技之长呢？

然后就在 极客时间 看到了 Ant Design Vue 的作者的教学视频。

当时看介绍以为是介绍组件库的开发实战，后来才知道是基于组件库做中后端的开发实战……

虽然有些遗憾，但是不得不说，唐金州老师做过组件库（Ant Design官方收录），参加过Vue官方的第二届 VueConf 演讲，对文档中各种边角的了解度果然不一样，讲的课程内容也偏向底层，讲Vue生态的时候还会讲讲生态组件的原理、优缺点，还会引导学习者去学习 WebPack 、Babel 等工具的使用、配置（说来惭愧，我还没系统学过这两个在现在前端开发中相当重要的工具）。

所以，到这里我更加坚定了学习 Vue 的决心，虽然说是要学习 Vue 的源码，但是初期准备的话还是打算先将 Vue 的教程、API 及其生态圈的教程和 API 过一遍。然后通过文档中的特性探索源码，并在源码学习的过程中去学习 Javascript 的各种知识

以上，给自己立一个Flag??

开始学习啦！

因为还是考研党，所以穿插安排学习计划没有详细的学习计划，单纯学累了切换一下。