写好vue.js

前言 本文是一篇文章搞定 composition-api的番外篇，填坑，内容包括： 用 reactive 还是 ref v-if ＆ v-for 他俩不能在一起啊 生命周期 hooks 与 async

Option API 的写法会碰到的问题? 明明是相同操作逻辑，却散落在元件的个地方，导致对应属性的程式码有所增长（示意如上图），这样时间久了不仅不利于程式码维护，而之后想再使用某功能，却因为资料状态

前言 如果不了解语法请先学这篇 axios 基础语法教学（一） api 到底要放哪？ 想像一下，如果今天我想要把热门排行榜显示在每个页面，是不是在每一页都要加上 api？ 那如果我今天突然想修改 ap

前言 我们在开发网页的时候一定会处理到 RESTful API ，当网页上需要接多台server API时，如果不管理 API就会变得混乱， 在这边我选用 axios来作为我处理非同步的工具 基本语法

Express 基本结构 上方的范例程式码定义 app 是 Express 的实例，在这个层级我们称为 应用程式层 (Application-level) ，而 Express 的应用是由一系列 中介

express环境(开发和生产)配置 编译 那要如何对专案进行编译呢？毕竟 ts-node 并不适合用在正式环境中，还是需要编译成 JavaScript 再透过 node.js 来启动，所以修改一下 

MVC 是什么？ MVC，这个架构将程式分成三个部分，分别是Model (模型) 、View (视图) 以及Controller (控制器) ，每个部分所负责的事情都不同，主要是希望透过这种 职责分离

vue.js - Vuex Action vs Mutations Ref: (https://stackoverflow.com/questions/39299042/vuex-action-vs-

focusing an input – is one of the most common use cases for Vue

In this article,you will learn about the Vue.nextTick callback function and when to make use of it.