ホームページ  >  記事  >  ウェブフロントエンド  >  vue ページは何で構成されていますか?

vue ページは何で構成されていますか?

青灯夜游
青灯夜游オリジナル
2022-01-10 16:32:565792ブラウズ

vue ページは 3 つの部分で構成されます: 1. template タグでラップされたインターフェイス表示コード (HTML コード)、2. script タグでラップされたビジネス実装コード (js スクリプト コード)、3. styleタグでラップされたインターフェース レイアウトコード(cssスタイルコード)。

vue ページは何で構成されていますか?

このチュートリアルの動作環境: Windows7 システム、vue2.9.6 バージョン、DELL G3 コンピューター。

vue ページの構成

vue ページは主に 3 つの部分に分かれています。

  • #<script>デフォルト {ビジネス実装コード} をエクスポート</script>

  • #<スコープ指定されたスタイル >インターフェイス レイアウト コード (スコープ指定により、 CSS の世界的な汚染) の可視化。

    js: スクリプト内: 属性、データ コンポーネント、メソッド、マウントされた計算バインド メソッド、および 8 つのライフ サイクルなどがあります。

    css: scss の少ない前処理など。
vue ファミリー バケット

vue-cli vue2.0 vuex vue-router axios element-ui

vue - cli は、vue プロジェクトを迅速に構築するための足場です。

vue 2.0 は、ユーザー インターフェイスを構築するための進歩的なフレームワークである vue.js です。 vue はバージョン 2.0 で vdom を導入しました。その vdom アルゴリズムは、snabbdom アルゴリズムの修正に基づいています。

vuex のアプリケーションの中核はストア (ウェアハウス) です。「ストア」は基本的にコンテナであり、アプリケーションの状態のほとんどが含まれています。vuex は単純なグローバル オブジェクトではありません。応答性が高く、直接応答することはできません。店舗を変更した状態です。表示する必要がある提出物

vue-router は vue エコシステムのルーティング ツールであり、ルーティングを使用してシングルページ プログラムを簡単に実装できます。

axios はネットワーク リクエスト メソッドです。クロスドメインの問題を解決できる axios-jsonp もあります。

element-ui は、開発者、デザイナー、プロダクト マネージャー向けに用意された vue2.0 ベースのデスクトップ コンポーネント ライブラリのセットです。

[関連する推奨事項:

vue.js チュートリアル

]

以上がvue ページは何で構成されていますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。