|
2 | 2 |
|
3 | 3 | ## 概要
|
4 | 4 |
|
5 |
| -`@vue/compat` (別名「移行ビルド」)は、Vue 2 と互換性のある動作を設定できる Vue 3 のビルドです。 |
| 5 | +`@vue/compat`(別名「移行ビルド」)は、Vue 2 と互換性のある動作を設定できる Vue 3 のビルドです。 |
6 | 6 |
|
7 | 7 | 移行ビルドは、デフォルトで Vue 2 モードで動作します。ほとんどのパブリック API は、ほんの少しの例外を除いて Vue 2 とまったく同じように動作します。Vue 3 で変更されたり、非推奨となった機能を使用すると実行時に警告が表示されます。機能の互換性は、コンポーネントごとに有効/無効を設定することもできます。
|
8 | 8 |
|
9 | 9 | ### 想定される使用例
|
10 | 10 |
|
11 |
| -- ([制限事項](#既知の制限事項)ありでの) Vue 2 アプリケーションの Vue 3 へのアップグレード |
| 11 | +- ([制限事項](#既知の制限事項)ありでの)Vue 2 アプリケーションの Vue 3 へのアップグレード |
12 | 12 | - ライブラリを Vue 3 に対応させるための移行作業
|
13 | 13 | - また、Vue 3 をまだ試していない Vue 2 の経験豊富な開発者は、移行ビルドを Vue 3 の代わりに使用してバージョン間の違いを学ぶことができます。
|
14 | 14 |
|
|
46 | 46 |
|
47 | 47 | - カスタム webpack セットアップを使用している場合: `vue-loader` を `^16.0.0` にアップグレードします。
|
48 | 48 | - `vue-cli` を使用している場合: `vue upgrade` で最新の `@vue/cli-service` にアップグレードします。
|
49 |
| - - (代替手段) [Vite](https://vitejs.dev/) + [vite-plugin-vue2](https://github.com/underfin/vite-plugin-vue2)に移行します。[[コミット例](https://github.com/vuejs/vue-hackernews-2.0/commit/565b948919eb58f22a32afca7e321b490cb3b074)] |
| 49 | + - (代替手段)[Vite](https://vitejs.dev/) + [vite-plugin-vue2](https://github.com/underfin/vite-plugin-vue2)に移行します。[[コミット例](https://github.com/vuejs/vue-hackernews-2.0/commit/565b948919eb58f22a32afca7e321b490cb3b074)] |
50 | 50 |
|
51 |
| -2. `package.json` で `vue` を 3.1 にアップデートし、同じバージョンの `@vue/compat` をインストールます。また `vue-template-compiler` (もしあれば)を `@vue/compiler-sfc` に置き換えます。 |
| 51 | +2. `package.json` で `vue` を 3.1 にアップデートし、同じバージョンの `@vue/compat` をインストールます。また `vue-template-compiler`(もしあれば)を `@vue/compiler-sfc` に置き換えます。 |
52 | 52 |
|
53 | 53 | ```diff
|
54 | 54 | "dependencies": {
|
@@ -290,7 +290,7 @@ export default {
|
290 | 290 | | ID | 分類 | 説明 | ドキュメント |
|
291 | 291 | | ---------------------------- | ---- | ------------------------------------------------------------------------------------------------------ | ------------------------------------------------------------------------------------------ |
|
292 | 292 | | GLOBAL_MOUNT | ✔ | new Vue() -> createApp | [link](/guide/migration/global-api.html#アプリケーションインスタンスのマウント) |
|
293 |
| -| GLOBAL_EXTEND | ✔ | Vue.extend は削除されました(`defineComponent`または`extends`オプションを使用してください) | [link](/guide/migration/global-api.html#vue-extend-の削除) | |
| 293 | +| GLOBAL_EXTEND | ✔ | Vue.extend は削除されました(`defineComponent` または `extends` オプションを使用してください) | [link](/guide/migration/global-api.html#vue-extend-の削除) | |
294 | 294 | | GLOBAL_PROTOTYPE | ✔ | `Vue.prototype` -> `app.config.globalProperties` | [link](/guide/migration/global-api.html#vue-prototype-は-config-globalproperties-と置換) |
|
295 | 295 | | GLOBAL_SET | ✔ | `Vue.set` は削除されました(不要になりました) | |
|
296 | 296 | | GLOBAL_DELETE | ✔ | `Vue.delete` は削除されました(不要になりました) | |
|
|
0 commit comments