不只懂 Vue 语法：参赛初衷与文章方向

参赛初衷

今年的参赛题目是「不只懂语法：Vue.js 观念篇」。去年的这时候刚刚学 JavaScript，想不到一年後的今天又来跳坑了。

目前自己自学前端接近一年，虽然已经能够使用 Vue.js 框架来进行开发。但在复习到 Vue.js 相关的面试题时，自己未能清楚解释自己为什麽会使用某些 Vue.js 语法，或者背後观念，因此在概念方面有待加强。除了应付面试，也为了以後在学习其他前端框架时，因为理解过背後概念而变得更快上手，而不是每次都要从零开始学习新的框架。

参考去年的参赛经验，铁人赛总是能有效推动自己透过整理和分享知识，除了技术面的加强，也是训练个人耐力和自我研究能力的练功场。今年很幸运能够与新认识的朋友一起参赛，相信有同伴的话比独自学习能走得更远。

文章方向

这系列的文章将以常见面试题作切入点，理解 Vue.js 背後的概念。因此不会着重示范如何使用 Vue.js 的语法，而是理解 Vue 的运作背景、语法背後的概念、使用情景等等。此系列的文章也会一并讨论到 Vue 3 或 Vue 2，需要时会指出两者的差异。

Day 1-6：Vue.js 框架的背景知识概念

MVVM 概念、响应式（reactivity）背後的原理、Vue CLI 的架构等等。

Day 7-20：Vue.js 语法与概念

Props 单向数据流概念、Watch 与 methods 的分别、$nextTick 使用场景、computed 的 get 和 set 概念、Composition API 与 Options API 的运用等等

Day 21-30：Vue router、生命周期、Vuex、补充知识

Hash 与 History 模式的差异、使用params 与 query 的分别、路由守卫的使用情景、各种生命周期的理解、Vuex 的架构等等。

总结

目前个人 Vue.js 程度还在初阶等级，并刚刚上手使用 Vue.js 和 Nuxt.js 进行开发。因此只能尽力把自己能理解的知识与大家分享。倘若文章内容有误，还请各位不吝赐教。也很感谢各位的耐心阅读，希望能成功与各位一起走完 30 天！