Day 30：Keep Going 的意思

就这样接连 30 天顺利完成铁人赛系列了～
为所有自律且成功达标的参赛者们一起喝采！！！

在产出本系列文章的同时，也再次复习了当初实作专案时面对到不熟悉的语法，在急於开发的当下，很容易因为囫囵吞枣而忽略不少基本观念，藉着这次机会重新翻阅文件和范例，并透过浓缩成一个小小书单专案，示范学习过程中可能会遇到的困难点，再从每个小功能和小需求延伸出应用语法的情境，跳跃式的分享实际案例。

本系列文章主要是介绍 Vue 2 框架语法以及其生态系统的夥伴们：

Vue.js

• 观察资料夹
• .vue 档三层柜
• 简写好用一直用－v-on、v-bind
• 深仍可测的元件样式－Deep Selectors
• 遍历资料好便利－v-for
• v-for 注定绑个 key
• 儿子乖听爸的话－Props 传入资料
• 儿子有事交给爸－$emit 传出事件
• v-if 才做选择，v-show 全都秀
• 神奇语法糖－v-model

Vue CLI

• Vue 个专案先

Vue Router

• Router 怎麽绕－router-link、router-view
• Router 绕去哪－active-class & exact-active-class
• 巢状路由的孩子－Nested Routes
• 动态 Route 对号入座
• 全域、路由、元件内－Navigation Guards
• 路由搜查队－route.query
• 从头开始的 Scroll Behavior

Vuex

• 异步行动，同步变动－Vuex Actions、Mutations
• 产地直送，先拿再用－Vuex State、Getters
• 有名模组，无限辅助－Vuex Modules、Map Helper
• 总汇复习－Vuex、Route

BootstrapeVue

• 小孩子才做选择－BootstrapVue 全部引入
• 大人更要懂选择－BootstrapVue 部分引入

Vue-i18n

• 语系包在 i 身上－Vue I18n 前置作业
• 顺手挖洞给 i 跳－vue-i18n

axios

• 在生命周期呼喊 API
• axios 先封装，API 轻松发

学习路还长

除了上述内容之外，其实还有很多未被提及或是还没实作过的语法，一时半刻也是无法全部细数完，接下来就留给时间慢慢累积、琢磨，别忘了 Vue2 之後还有 Vue3 呐！

另外，文章参考归参考，正确的语法使用方式还是要从细读官方文件开始着手，任何经过转手的知识分享都是他人理解後的版本，其中可能稀释了一些基本原理使得讲解不够全面，也有可能在消化过程中发生差错导致输出错误资讯等等情况，因此务必也要了解第一手的正统观念，培养判断资讯的能力，与大家共勉之！

• Vue.js
• Vue Router
• Vuex
• BootstrapeVue
• Vue-i18n
• axios