---
# System prepended metadata

title: WEBフロント勉強会

---

# WEBフロント勉強会

Vue 3.0のComposition APIを予習しよう

## Vue 3.0について
いつ出るの？
何が変わるの？
↓
https://madewithvuejs.com/blog/vue-3-roundup

alpha版はある
https://github.com/vuejs/vue-next

多分、Vue3.0で大きく変わるのはComposition API

## Composition APIとは？

- 関数ベースの新しいAPI
- ロジックを柔軟に設計できる
- 型推論がパワーアップ
- 実はVue2系でも既に使える
- すごく雑に言うと、React HooksのVue版

## これまでとどう違うのか？
- TSを素直に書ける
- Vue.jsのロジック部分(scriptタグの中)をブロックで書けるようになる
![](https://i.imgur.com/7eRhMUZ.png)

## 書き方
https://blog.sus-happy.net/vue-composition-api/

## 書く
https://codesandbox.io/s/composition-api-x6yrt?fontsize=14&hidenavigation=1&theme=dark

## すぐ使えるかどうか？
- Vuexがどうなるか謎い(使ってる人は見た)