タイトルは、海賊王になりたい男を描いた「ワンピース」マンガへの言及です。transl。
本日、Vue3.0「ワンピース」の公式リリースを発表できることを誇りに思います。これはフレームワークの新しいメジャーバージョンであり、パフォーマンスが向上し、サイズが小さくなり、TypeScriptのサポートが向上し、大規模プロジェクト用の新しいAPI (および中規模プロジェクトの場合はvuexを取り除くことができます)、および将来のプラットフォーム反復の強固な基盤を備えています。
バージョン3.0は、30以上のRFC、2600以上のコミット、99人の寄稿者からの628のプルリクエスト、およびメインリポジトリの外部での膨大な量の開発とドキュメント化作業を含む、2年以上の開発努力です。この作業を引き受けてくれたチームメンバー、プルリクエストの寄稿者、財政支援のスポンサー、プレリリースバージョンのデザインディスカッションとフィードバックに参加してくれたコミュニティに深く感謝します。Vueは、コミュニティのために構築され、コミュニティによってサポートされている独立したプロジェクトです。Vue3.0は、継続的なサポートなしには実現できませんでした。
「プログレッシブフレームワーク」コンセプトの開発
Vue : , , . , , . , « »: , , .
Vue 1,3 ( Chrome Vue Devtools Google) ( , firefox, . .) , Vue , "" , , . Vue 3 .
Vue 3.0 CDN <script>
, . , tree-shaking.
API, :
API
API 2.x Vue 3. 3.0 Composition API - API, Vue . Composition API API . , React, ( API 2.x).
Composition API Vue 2.x @vue/composition-api, Composition API, Vue 2, 3 (, vueuse, vue-composable).
Vue 3 Vue 2: ( 41% tree-shaking), ( 55% ) ( 133% ), ( 54% ).
Vue 3 « DOM » (compiler-informed Virtual DOM, - , . .): -, , , , (flatten, . .) . : -, .
TypeScript
Vue 3 TypeScript , , . Composition API . Vetur, VSCode, (props . .) Vue 3. , TSX, .
<script setup>
: Composition API<style vars>
: CSS-,
Vue 3.0, . , RFC .
<Suspense>
, ( async setup()
) (v-if
..). Nuxt.js (Nuxt 3 ) , , 3.1.
3.0 . , ( , vue router Vuex ), Vue 3 . Vue 3.
Vue 3 .
IE11
( v3 , v2 + ) IE11 - . 4 2020 . v2 IE11, .
:
IE11
Router Vuex
Vetur
- , GitHub npm Vue 3 , Vue, next
. , npm install vue
- Vue 2.x, npm install vue@next
Vue 3. 2020 , 3.0.
2.7, 2.x. 2.7 3 API, / 3, . 2.7 2021 . LTS- 18 .
試してみてください
Vue 3.0の詳細については、新しいWebサイトをご覧ください。すでにVue2.xを使用している場合は、移行セクションに直接スキップしてください。