Vue.jsでローディングを表示 Webアプリにおいて、非同期処理を行うこと(APIを呼び出してデータを取得するなど)はほぼ必ずと言っていいほど必要なことです。また、非同期処理中にはローディングを表示しておき、ユーザーに処理を待っている状態であることを伝える必要があります。 Vue.jsでローディングを表示するモジュールは様々ありますが、中でも個人的に気に入った「vue-loading」をご紹介します。シンプルで使いやすいのでオススメです。 使い方 まずはVueプロジェクトが作成済みの前提で進めます。 以下のコマンドでインストールします。 $ yarn add vue-loading-template あとは表示したいViewでモジュールをインポートして使います。 <template> <div class="container"> // 使用 <vue-loading type="spi
![Vue.jsでシンプルなローディングを表示する「vue-loading」の使い方 | DevelopersIO](https://cdn-ak-scissors.b.st-hatena.com/image/square/6b507abf0087159b93f01a18a70374397ea6e777/height=288;version=1;width=512/https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2F2019%2F03%2Feyecatch-vue.png)