ホームページ > 記事 > ウェブフロントエンド > vue で Nprogress.js プログレスバーを使用する方法
NProgress.js は、使いやすく、単一ページのアプリケーションに簡単に統合できる軽量の進行状況バー コンポーネントです。この記事では、vue プロジェクトで Nprogress.js のプログレス バーを使用する方法を主に紹介します。必要な方は参考にしてください。ページの上部に「読み込み中のアニメーション」が表示されます。 NProgress.js は、使いやすく、単一ページ アプリケーションに簡単に統合できる軽量のプログレス バー コンポーネントです。
Ajaxyy アプリのスリムな進行状況バー。 Google、YouTube、Medium からインスピレーションを受けています。 vue
inStallationでnprogress.jsを使用してくださいプロジェクトでintroduce introduce nprogressはmain.jsrreee
basicusagerreee -routingページスイッチにジャンプします使用するには
main.js にも
$ bower install --save nprogress $ npm install --save nprogress以上は、皆さんのためにまとめたものです。将来的に皆さんのお役に立てれば幸いです。 関連記事:
vue.jsのページングでページ番号をクリックするとページ内容を変更できます
vue2.0コンポーネントで値の受け渡しと通信を実装する方法
webpack 4.0.0-beta。 0 バージョンの新機能 (詳細なチュートリアル)
以上がvue で Nprogress.js プログレスバーを使用する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。