Vue 3から始める、Vue.js | 第1回 Vue 3はどう変わったか の記事をベースにまとめる。

• Vue v3.0 がリリースされたのは2020年09月。
  • https://github.com/vuejs/core/releases/tag/v3.0.0
• Vue 3の改善点
  • 軽量化（バンドルサイズの削減）
  • 処理速度向上
  • TypeScript とのインテグレーション強化
• 新機能
  • Composition API
  • Teleport
  • Fragments
  • Emits Component Option
• IE 非対応化

// Options API
const app = new Vue({
  data() {
    return {name: 'taro', greet: 'hello'};
  },
  computed: {
    message() {
      return `${this.greet}, ${this.name}`; // hello, taro
    }
  }
  methods: { ... },
  ...
});

// Composition API
const app = Vue.createApp({
  setup() {
    const data = Vue.reactive({name: 'taro', greet: 'hello'});
    const message = Vue.computed(() => {
      return `${data.greet}, ${data.name}`; // hello, taro
    });
    return {
      message,
      ...
    }
  }
});