VUEの基本を理解するのに役立つ記事

VUEとは

Vue (発音は /vjuː/、view に似ています) は、ユーザー インターフェイスを構築するためのプログレッシブ フレームワークです。他の大規模なフレームワークとは異なり、Vue は下から上にレイヤーごとに適用されるように設計されています。 Vue のコア ライブラリはビュー レイヤーのみに焦点を当てているため、使い始めるのが簡単なだけでなく、サードパーティのライブラリや既存のプロジェクトとの統合も簡単です。一方、最新のツールチェーンとさまざまなサポートライブラリと組み合わせると、Vue は複雑なシングルページ アプリケーションを完全に実行できるようになります。

Vue は双方向データ バインディングを使用します。つまり、データが変更されるとビューも変更され、ビューが変更されるとデータも同期的に変更されます。これがVueの本質です。以下をご覧ください。

Vueのコアプラグイン

Vueルーター

Vue Router は、Vue.js の公式ルーティング マネージャーです。 Vue.js のコアと深く統合されているため、シングルページ アプリケーションを簡単に構築できます。含まれる機能は次のとおりです:

• ネストされたルート/ビューテーブル
• モジュール式のコンポーネントベースのルーティング構成
• ルートパラメータ、クエリ、ワイルドカード
• Vue.js トランジションシステムに基づくトランジション効果を表示する
• きめ細かなナビゲーションコントロール
• 自動的にアクティブ化された CSS クラスを持つリンク
• HTML5 履歴モードまたはハッシュモード、IE9 では自動的にダウングレードされる
• カスタムスクロールバーの動作 Vuex

ヴュークス

これは、Vue.js アプリケーション専用に開発された状態管理モードです。集中型ストレージを使用してアプリケーションのすべてのコンポーネントのステータスを管理し、対応するルールを使用して、ステータスが予測可能な方法で変更されるようにします。

アクシオス

Axios は、ブラウザと Node.js 用の Promise ベースの HTTP クライアントです。次の機能があります。

• ブラウザから XMLHttpRequest を作成する
• node.js から http リクエストを送信する
• Promise APIのサポート
• リクエストとレスポンスの傍受
• リクエストとレスポンスのデータの変換
• リクエストをキャンセル
• JSONデータを自動的に変換する
• CSRF/XSRF 保護のクライアント側サポート

要素UI

Element-ui は、Ele.me のフロントエンド チームによって開発された Vue フレームワーク コンポーネントです。多くのスタイル コンポーネントと機能コンポーネントを統合した、非常に優れたフレームワークです。

Vue フロントエンドの全体アーキテクチャ

要約する

この記事はこれで終わりです。皆さんのお役に立てれば幸いです。また、123WORDPRESS.COM のその他のコンテンツにも注目していただければ幸いです。