Vue 3 启航

梦开始的地方

记得刚接触前端的时候，大家还在用 jQuery 一把梭。那时候的代码充满了 $ 符号，回调地狱更是家常便饭，三件套东一块西一块是常态。后来 React 和 Vue 横空出世，带给了我们全新的组件化开发体验。而今天，我正式决定投入 Vue 3 的怀抱。

为什么选择 Vue 3？

有人说 React 更灵活，有人说 Angular 更规范。但在我看来，Vue 3 找到了优雅与性能的完美平衡点。

1. 性能的质变：Vue 3 重写了响应式系统，利用 ES6 的 Proxy 取代了 Object.defineProperty。这意味着什么？意味着我们再也不用担心数组下标修改监听不到的问题了！而且，初始化的速度快得惊人。
2. Composition API：这绝对是 Vue 3 最大的杀手锏。在 Options API 时代，一个功能的逻辑往往分散在 data、methods、computed 里，维护起来像是在玩“找你妹”。而现在，我们可以像这就写原生 JS 一样，把相关逻辑聚合在一起。这简直是代码组织的神器！
3. TypeScript 支持：Vue 2 对 TS 的支持简直是灾难，而 Vue 3 是用 TS 重写的。这意味着我们在写 Vue 的时候，终于可以享受完整的类型推断了。再见，any scirpt！

我的第一个 Vue 3 Demo

import { ref, onMounted } from 'vue'

export default {
  setup() {
    const count = ref(0)
    function increment() {
      count.value++
    }
  
    onMounted(() => {
      console.log('组件挂载完成！')
    })

    return { count, increment }
  }
}

看着这简洁的代码，我仿佛看到了光明的未来。没有了 this 的困扰，一切都变得那么直观。