完赛！YA！关於 Vue.js 进阶心法系列

其实原本不是要叫这个名字的。原本要叫《官网没教你的「如何把 Vue 写好」》但是太狂了，竟然敢代替官网教你写 Vue.js，後来想叫《Chris 的 Vue.js 奇怪写法》但是这样又太奇怪了，所以认真的想了一个名字。XDD

去年原本要写这一系列，可以看我去年的完美 camp 进化论中的最後一篇有提到这件事。想不到今天顺利的把它写完了。

这些写法经过一年的磨链，有一些更成熟了，有一些还只是雏形，我想我需要的是与别人讨论。所以才有想写这一系列文章，分享一下我在 Vue.js 上关於 options 写法的想法与心得。当然都是一些自己主观的想法与习惯造成的结果，它有它的好，也有它的不好

不过我自己的想法，如同我第一天在 facebook 上讲的一样

今年我又参加铁人了，这一次要分享我用 Vue.js 的压箱底，留一手的人是不会进步的，唯有每一次的掏空自己擅长的一切，才会准备足够重新学习新技能的动力。

因为我相信工程师的价值在於「我为什麽这麽做」，而不是「我做了什麽」。也就是说这些招式与方法可以学走，但是真正有价值的地方是，为什麽要这麽做，了解为什麽，才能确保方法在演化的过程中，有一个方向，而不是随机变化，甚至走倒退路的做法。(也许我正在走倒退路！XDD) 不过保持着一个心法，才能让自己在技术选择上，有着相对正确的方向。

系列目录

开场文

• 这是一趟把 Vue 从需求、观念到功能贯串起来的旅程

自定义 Comopnent 开始，才是开始用 Vue.js

借监 functional programming

• pure function
• pure component
• Component 的 Component (不是递回)

特殊的百变 component

• Component 鬼牌(一): 看 props 决定 Component
• Component 鬼牌(二): 看网址决定 Component

v-model 的偏好与使用习惯

• 舍弃伪双向绑定 v-model
• 深入浅出 Computed
• 用 watch 搭配服用 immutable

管好 Axios 管好 API

axios 写成 API Doc 自我文件化

• 处理 API 层次感之地基篇
• 让程序码化为 API Doc

有上传档案的使用方式

• 用两支 API 实作新增资料与上传档案

Vuex 篇

我使用 Vuex 的观念

• 统一状态管理 + 单一资料流
• 存放资料的 state、module
• Vuex 的使用偏好
• 不要在 mutation 加工 API 回来的资料
• 用 event 来准备传给後端的 data

细说 vuex偏好

• getters 就是欲望
• actions 就是 Vuex 里「共用的 method」
• 拆掉 v-model + computed get/set 到 vuex

剩下还没说，但基础又很重要的

Vue comopnent 的所有 lifecycle 与 Vue Router

• 载入页面，什麽时候发 API 适合？
• 其它的 lifecycle 或 vue router 的 hook

进阶心法篇

资料驱动设计 component 篇

• 表单攻略前准备
• 新增表单/编辑表单，共用？或分开？
• 表单: 处理物件型资料的画面
• 表单处理 Object 里的 Object
• 表单处理 Object 里的 Array
• 後端说修改时只需要送「有修改的栏位」过来
• 表格元件共用攻略

希望可以获得大家各自习惯的写法。
以及不会让这些成为别人的线上课程内容。