vueファミリーバケツにはどんなvueファミリーバケツが含まれていますか?vueファミリーバケツの詳細は
3236 ワード
vueファミリーバケツには何がありますか?
ファミリーバケツは、その名の通り、完全な中大型単一ページアプリケーションプロジェクトを開発するために必要なプラグインとフレームワークです.注意:この文章は主にvue-cli足場の開発方式を説明して、主に各プラグインのインストール方法と機能の特徴を紹介して、各プラグインの具体的な使用方式を紹介しないで、具体的な使用方式はその他の詳しい紹介文章を参照してください.
一、vue-cli
vue-cliは足場とも呼ばれ、公式にはVueと定義されている.jsが開発した標準ツール!scirptラベルの導入に比べて、足場は以下の特徴を持っている:1)、Babel、Type Script、ESLint、PostCSS、PWA、ユニットテストとEnd-to-endテストに対して開梱即用のサポートを豊富に提供する.2)、拡張が容易なプラグインシステムは、一般的なニーズに応じて、コミュニティが多重化可能なソリューションを構築し、共有できるようにします.3)、Eject Vue CLIを必要としないのは完全に構成可能で、ejectを必要としない.これであなたのプロジェクトは長期的に更新を維持することができます.4)、CLI上のグラフィックスインタフェースは、セットのグラフィックスインタフェースを通じてあなたのプロジェクトを作成、開発、管理します.5)、即座にプロトタイプを作成し、単一のVueファイルで新しいインスピレーションを即座に実践する.6)、将来的に現代のブラウザのために原生のES 2015コードを簡単に生成したり、あなたのVueコンポーネントを原生のWeb Componentsコンポーネントに構築したりします.
インストール
二、vueRouter
Vue RouterはVueです.js公式のルーティングマネージャ.Vueとjsのコア深度統合により、単一ページアプリケーションの構築が容易になります.以下の機能があります.
1)ネストルーティング/グラフ2)モジュール化された、コンポーネントベースのルーティング構成3)ルーティングパラメータ、クエリー、ワイルドカード4)Vueベース.jsトランジションシステムのビュートランジション効果5)細粒度のナビゲーション制御6)自動アクティブCSS class付きリンク7)HTML 5履歴モードまたはhashモード、IE 9で自動ダウングレード8)カスタムスクロールバー動作
vueRouterインストール
三、vuex
VuexはVue専用です.jsアプリケーション開発のステータス管理モード.集中型ストレージ管理アプリケーションのすべてのコンポーネントのステータスを採用し、対応するルールでステータスが予測可能な方法で変化することを保証します.Vuexはまた、Vueの公式デバッグツールdevtools extensionに統合され、ゼロ構成のtime-travelデバッグ、ステータススナップショットインポートエクスポートなどの高度なデバッグ機能を提供します.
どんな場合にVuexを使うべきですか?Vuexは、共有ステータスを管理し、より多くの概念とフレームワークを追加するのに役立ちます.これは短期と長期の利益を比較する必要がある.
大規模な単一ページアプリケーションを開発するつもりがない場合は、Vuexを使用すると煩雑で冗長になる可能性があります.確かにそうです.アプリケーションが簡単であれば、Vuexを使用しないほうがいいです.簡単なstoreモードで十分です.ただし、中規模の単一ページアプリケーションを構築する必要がある場合は、コンポーネントの外部でステータスを管理する方法を考慮すると、Vuexは自然に選択されます.
インストール方法
四、Axios
AxiosはpromiseベースのHTTPライブラリで、ブラウザやnodeで使用できます.jsで.プロパティ1)ブラウザからXMLHttpRequests 2を作成)node.js http作成要求3)Promise API 4)ブロック要求と応答5)変換要求データと応答データ6)キャンセル要求7)自動変換JSONデータ8)クライアントサポート防御XSRF
インストール方法
五、UIフレームワークの組み合わせ:iview、vant、elementUI
iviewはVueベースの高品質UIコンポーネントライブラリ(ウィジェットとpcエンドなどの異なるバージョンに分かれている).vant軽量で信頼性の高いモバイル端末Vueコンポーネントライブラリは、Vue 2.0ベースのMobileコンポーネントライブラリであり、Vueベースの美しく使いやすいモバイルサイトをより迅速かつ簡単に開発することを目的としています.Ant Design VueはAnt DesignのVue実装であり、エンタープライズクラスのバックグラウンド製品を開発し、サービスしています.ElementUIは、Vue 2.0デスクトップエンドのバックグラウンドコンポーネントライブラリに基づいています.
ファミリーバケツは、その名の通り、完全な中大型単一ページアプリケーションプロジェクトを開発するために必要なプラグインとフレームワークです.注意:この文章は主にvue-cli足場の開発方式を説明して、主に各プラグインのインストール方法と機能の特徴を紹介して、各プラグインの具体的な使用方式を紹介しないで、具体的な使用方式はその他の詳しい紹介文章を参照してください.
一、vue-cli
vue-cliは足場とも呼ばれ、公式にはVueと定義されている.jsが開発した標準ツール!scirptラベルの導入に比べて、足場は以下の特徴を持っている:1)、Babel、Type Script、ESLint、PostCSS、PWA、ユニットテストとEnd-to-endテストに対して開梱即用のサポートを豊富に提供する.2)、拡張が容易なプラグインシステムは、一般的なニーズに応じて、コミュニティが多重化可能なソリューションを構築し、共有できるようにします.3)、Eject Vue CLIを必要としないのは完全に構成可能で、ejectを必要としない.これであなたのプロジェクトは長期的に更新を維持することができます.4)、CLI上のグラフィックスインタフェースは、セットのグラフィックスインタフェースを通じてあなたのプロジェクトを作成、開発、管理します.5)、即座にプロトタイプを作成し、単一のVueファイルで新しいインスピレーションを即座に実践する.6)、将来的に現代のブラウザのために原生のES 2015コードを簡単に生成したり、あなたのVueコンポーネントを原生のWeb Componentsコンポーネントに構築したりします.
インストール
npm install -g @vue/cli
# OR
yarn global add @vue/cli
// ，vue ui ， （ ）
vue create my-project
# OR
vue ui
二、vueRouter
Vue RouterはVueです.js公式のルーティングマネージャ.Vueとjsのコア深度統合により、単一ページアプリケーションの構築が容易になります.以下の機能があります.
1)ネストルーティング/グラフ2)モジュール化された、コンポーネントベースのルーティング構成3)ルーティングパラメータ、クエリー、ワイルドカード4)Vueベース.jsトランジションシステムのビュートランジション効果5)細粒度のナビゲーション制御6)自動アクティブCSS class付きリンク7)HTML 5履歴モードまたはhashモード、IE 9で自動ダウングレード8)カスタムスクロールバー動作
vueRouterインストール
npm install vue-router
// mainjs
import VueRouter from 'vue-router'
Vue.use(VueRouter)
// ，
三、vuex
VuexはVue専用です.jsアプリケーション開発のステータス管理モード.集中型ストレージ管理アプリケーションのすべてのコンポーネントのステータスを採用し、対応するルールでステータスが予測可能な方法で変化することを保証します.Vuexはまた、Vueの公式デバッグツールdevtools extensionに統合され、ゼロ構成のtime-travelデバッグ、ステータススナップショットインポートエクスポートなどの高度なデバッグ機能を提供します.
どんな場合にVuexを使うべきですか?Vuexは、共有ステータスを管理し、より多くの概念とフレームワークを追加するのに役立ちます.これは短期と長期の利益を比較する必要がある.
大規模な単一ページアプリケーションを開発するつもりがない場合は、Vuexを使用すると煩雑で冗長になる可能性があります.確かにそうです.アプリケーションが簡単であれば、Vuexを使用しないほうがいいです.簡単なstoreモードで十分です.ただし、中規模の単一ページアプリケーションを構築する必要がある場合は、コンポーネントの外部でステータスを管理する方法を考慮すると、Vuexは自然に選択されます.
インストール方法
npm install vuex --save
四、Axios
AxiosはpromiseベースのHTTPライブラリで、ブラウザやnodeで使用できます.jsで.プロパティ1)ブラウザからXMLHttpRequests 2を作成)node.js http作成要求3)Promise API 4)ブロック要求と応答5)変換要求データと応答データ6)キャンセル要求7)自動変換JSONデータ8)クライアントサポート防御XSRF
インストール方法
npm install axios
五、UIフレームワークの組み合わせ:iview、vant、elementUI
iviewはVueベースの高品質UIコンポーネントライブラリ(ウィジェットとpcエンドなどの異なるバージョンに分かれている).vant軽量で信頼性の高いモバイル端末Vueコンポーネントライブラリは、Vue 2.0ベースのMobileコンポーネントライブラリであり、Vueベースの美しく使いやすいモバイルサイトをより迅速かつ簡単に開発することを目的としています.Ant Design VueはAnt DesignのVue実装であり、エンタープライズクラスのバックグラウンド製品を開発し、サービスしています.ElementUIは、Vue 2.0デスクトップエンドのバックグラウンドコンポーネントライブラリに基づいています.