Vue紹介
2904 ワード
目次 Vue概要 Vueとは何ですか? 優勢 の使用方法 Vue常用サイト Vueの概要
プログレッシブJavaScriptフレームワーク
漸進的:1つのページのラベルを制御したり、一連のラベルを制御したり、ページ全体を制御したり、フロントプロジェクト全体を制御したりすることができます.何のコンポーネントを使う必要があるのか、何のコンポーネントを使うのか、強い主張はありません.
Vueとは?
前後の分離型Webプロジェクトを独立して行うJavaScriptフレームワーク
前後の分離なし:前後の分離なしのアプリケーションモードでは、フロントエンドページの効果はバックエンドによって制御され、バックエンドによってページをレンダリングしたりリダイレクトしたりします.つまり、バックエンドはフロントエンドの表示を制御する必要があります.フロントエンドとバックエンドの結合度が高いです.
前後端分離前後端分離のアプリケーションモードでは、バックエンドはフロントエンドに必要なデータのみを返し、HTMLページをレンダリングすることなく、フロントエンド効果についてフロントエンドユーザーがどのような効果を見るかを制御することなく、バックエンドから要求されたデータがどのようにフロントエンドにロードされるかは、フロントエンド自身が決定し、ページにページがある処理方式、AppにAppがある処理方式、しかし、どのフロントエンドでも、必要なデータは基本的に同じで、バックエンドは論理的に外部にデータを提供するだけでよい.
どうしてVueを勉強するの?
フロントフレームワーク:Angular(膨大)、React(モバイル端末に精通)、Vue(前両者の優位性を吸収し、軽量級)Vue片手ドキュメントは中国語、中国語API(低学習コスト)で前バックグラウンド分離開発を実現し、開発コストを節約
special--特徴
仮想DOMデータの双方向バインド単一ページ応用データ駆動
メリット
命令(分岐構造、サイクル構造...)があり、多重ページ構造などのインスタンスメンバー(フィルタ、リスニング)があり、レンダリングされたデータをコンポーネント(モジュールの多重化または組合せ)で二次フォーマットし、ページを迅速に構築できます.
1軽量フレーム:ビューレイヤのみに注目し、データを構築するビューセットであり、サイズは数十kbしかありません.
2簡単で学びやすい:中国人開発、中国語ドキュメント、言語障害がなく、理解と学習が容易である.
3双方向データバインド:vue.jsは、データの変化に自動的に応答し、ユーザーがコードに予め書いたバインド関係に基づいて、バインドされたすべてのデータとビューの内容を変更します.
これがvueです.jsの最大の利点は,MVVM思想によりデータの双方向バインドを実現し,開発者がdomオブジェクトを操作することなく,ビジネスロジックを考える時間を増やすことである.
4コンポーネント化:Vue.jsはコンポーネントを介して、1つの単一ページアプリケーションの様々なモジュールを1つの個別のコンポーネント(component)に分割し、親アプリケーションに様々なコンポーネントラベル(ピット)を書き、コンポーネントラベルにコンポーネントを入力するパラメータ(関数数入力パラメータのように、このパラメータをコンポーネントの属性と呼ぶ)を書くだけで、そして、それぞれのコンポーネントの実装(ピット)を書き、アプリケーション全体が完了します.
5ビュー、データと構造の分離:データの変更をより簡単にし、論理コードの変更を必要とせず、データを操作するだけで関連操作を完了する
6仮想DOM:JQueryまたはオリジナルのJavaScript DOM操作関数でDOMを頻繁に操作する場合、ブラウザは新しいDOMツリーをレンダリングし続け、ページが非常にカートンに見え、Virtual DOMは仮想DOMの英語である.簡単に言えば、彼はJavaScriptを通じて各種計算を行い、最終的なDOM操作を計算して最適化することができる.このDOMオペレーションは前処理オペレーションに属し,実際のオペレーションDOMがないため,仮想DOMと呼ぶ.最後に計算が終わってから本当にDOM操作をコミットし、DOM操作の変化をDOMツリーに反映します.
7実行速度が速い:reactと比較すると、仮想domを操作するのと同じように、vueはパフォーマンスに大きなメリットがあります.
使用方法開発バージョン:vue.js 生産バージョン:vue.min.js Vue公式サイト:https://cn.vuejs.org/v2/guide/installation.html
Vue環境の簡単な構築:scriptラベルからvueファイルをインポートすればよい
な
まとめ:
Vue常用サイト
vue公式ドキュメント:https://cn.vuejs.org/v2/guide/
vueリソースの選択:http://vue.awesometiny.com/
vue GitHubアドレス:https://github.com/vuejs/vue
vueとelementに基づいて構築されたバックグラウンドフロントエンドソリューション:https://panjiachen.github.io/vue-element-admin-site/zh/
プログレッシブJavaScriptフレームワーク
漸進的:1つのページのラベルを制御したり、一連のラベルを制御したり、ページ全体を制御したり、フロントプロジェクト全体を制御したりすることができます.何のコンポーネントを使う必要があるのか、何のコンポーネントを使うのか、強い主張はありません.
Vueとは?
前後の分離型Webプロジェクトを独立して行うJavaScriptフレームワーク
前後の分離なし:前後の分離なしのアプリケーションモードでは、フロントエンドページの効果はバックエンドによって制御され、バックエンドによってページをレンダリングしたりリダイレクトしたりします.つまり、バックエンドはフロントエンドの表示を制御する必要があります.フロントエンドとバックエンドの結合度が高いです.
前後端分離前後端分離のアプリケーションモードでは、バックエンドはフロントエンドに必要なデータのみを返し、HTMLページをレンダリングすることなく、フロントエンド効果についてフロントエンドユーザーがどのような効果を見るかを制御することなく、バックエンドから要求されたデータがどのようにフロントエンドにロードされるかは、フロントエンド自身が決定し、ページにページがある処理方式、AppにAppがある処理方式、しかし、どのフロントエンドでも、必要なデータは基本的に同じで、バックエンドは論理的に外部にデータを提供するだけでよい.
どうしてVueを勉強するの?
フロントフレームワーク:Angular(膨大)、React(モバイル端末に精通)、Vue(前両者の優位性を吸収し、軽量級)Vue片手ドキュメントは中国語、中国語API(低学習コスト)で前バックグラウンド分離開発を実現し、開発コストを節約
special--特徴
仮想DOMデータの双方向バインド単一ページ応用データ駆動
メリット
命令(分岐構造、サイクル構造...)があり、多重ページ構造などのインスタンスメンバー(フィルタ、リスニング)があり、レンダリングされたデータをコンポーネント(モジュールの多重化または組合せ)で二次フォーマットし、ページを迅速に構築できます.
1軽量フレーム:ビューレイヤのみに注目し、データを構築するビューセットであり、サイズは数十kbしかありません.
2簡単で学びやすい:中国人開発、中国語ドキュメント、言語障害がなく、理解と学習が容易である.
3双方向データバインド:vue.jsは、データの変化に自動的に応答し、ユーザーがコードに予め書いたバインド関係に基づいて、バインドされたすべてのデータとビューの内容を変更します.
これがvueです.jsの最大の利点は,MVVM思想によりデータの双方向バインドを実現し,開発者がdomオブジェクトを操作することなく,ビジネスロジックを考える時間を増やすことである.
4コンポーネント化:Vue.jsはコンポーネントを介して、1つの単一ページアプリケーションの様々なモジュールを1つの個別のコンポーネント(component)に分割し、親アプリケーションに様々なコンポーネントラベル(ピット)を書き、コンポーネントラベルにコンポーネントを入力するパラメータ(関数数入力パラメータのように、このパラメータをコンポーネントの属性と呼ぶ)を書くだけで、そして、それぞれのコンポーネントの実装(ピット)を書き、アプリケーション全体が完了します.
5ビュー、データと構造の分離:データの変更をより簡単にし、論理コードの変更を必要とせず、データを操作するだけで関連操作を完了する
6仮想DOM:JQueryまたはオリジナルのJavaScript DOM操作関数でDOMを頻繁に操作する場合、ブラウザは新しいDOMツリーをレンダリングし続け、ページが非常にカートンに見え、Virtual DOMは仮想DOMの英語である.簡単に言えば、彼はJavaScriptを通じて各種計算を行い、最終的なDOM操作を計算して最適化することができる.このDOMオペレーションは前処理オペレーションに属し,実際のオペレーションDOMがないため,仮想DOMと呼ぶ.最後に計算が終わってから本当にDOM操作をコミットし、DOM操作の変化をDOMツリーに反映します.
7実行速度が速い:reactと比較すると、仮想domを操作するのと同じように、vueはパフォーマンスに大きなメリットがあります.
使用方法
Vue環境の簡単な構築:scriptラベルからvueファイルをインポートすればよい
1 cdn
2
な
{{ }}
new Vue({
el: '#app'
})
まとめ:
what： javascript
where： （pc、 ）
why： 、 、 API（ ）
how： vue ， ， Vue常用サイト
vue公式ドキュメント:https://cn.vuejs.org/v2/guide/
vueリソースの選択:http://vue.awesometiny.com/
vue GitHubアドレス:https://github.com/vuejs/vue
vueとelementに基づいて構築されたバックグラウンドフロントエンドソリューション:https://panjiachen.github.io/vue-element-admin-site/zh/