vue ページは 3 つの部分で構成されます: 1. template タグでラップされたインターフェイス表示コード (HTML コード)、2. script タグでラップされたビジネス実装コード (js スクリプト コード)、3. styleタグでラップされたインターフェース レイアウトコード(cssスタイルコード)。
このチュートリアルの動作環境: Windows7 システム、vue2.9.6 バージョン、DELL G3 コンピューター。
vue ページの構成
vue ページは主に 3 つの部分に分かれています。
インターフェイス表示コード (大きな div は 1 つだけであることに注意してください)
#<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 サイトの他の関連記事を参照してください。