VEE構成APIを使用する方法

ご存知のように、Vue 3は、コンポジションAPIと呼ばれる新しい機能が付属し、私はそれについて知っているこの時点で推測しているが、そのような機能をテストする場合は、今すぐにそれを使用して起動することができますいくつかのVueプラグインがあります.
この例では以下のツールを使用します.

Vue 2.6.10

vuecli 4.0.5

タイプスクリプト3.5.3

＠Vue/構成API

お気に入りコードコードエディタ❤)

このチュートリアルから始めましょう.

プロジェクトの設定

vuecliがインストールされていない場合は、次のコマンドを使用してコマンドを実行します.

npm i -g @vue/cli

このチュートリアルで使用しているCLIをインストールし、インストールしたかどうかを確認します.

vue --version or vue -V

これはあなたが持っている最新のビルドで返すかもしれません.
CLIがインストールされているので、次のコマンドを実行します.

vue create <give_any_name_you_want>

これはプロジェクトの作成を開始しますが、完了する前にいくつかのオプションを選択しなければなりません.
コマンドを入力した直後に、CLIはどのようなプリセットを使用するかを手動で選択し、手動で選択してEnterキーを押します.
その後、いくつかのオプションでメニューを表示します.次のオプションのスペースバーを押してEnterキーを押します.

クラススタイルのコンポーネント構文を使用しますか?( y/n ) n
typescriptのためのVue文書によると、reamはVueを使うことを勧めます.このメソッドの代わりにメソッドを拡張します
使用Babelと一緒にtypescript?Y
我々は、任意のブラウザ上で動作するようにコードを変更する必要があります
Linter/formatter Configを選んでください:私のケースであなたの好みのうちの1つを選んでください:EsLint +標準、しかし、どうぞ、1つは非難されません.(https://medium.com/palantir/tslint-in-2019-1a144c2317a9)
追加のリント機能
リントオンセーブ
Babel , Eslint等の設定を行う?
専用の設定ファイル
そして、セットアップを保存したいならYを押して名前を付けてください.CLIがフォルダに移動した後、コーディングを開始する直前にNPM依存関係が必要になります.

npm i -S axios @vue/composition-api

インストールが完了したら、コードを開始する準備が整いました!
次の部分では準備し、我々のVueのアプリで消費されるように我々のインターフェイスとサービスをコーディングするので、コードに準備ができている!