1. vue の利点は何ですか?

回答:

軽量フレームワーク: データを構築するビューのコレクションであるビューレイヤーのみに焦点を当てています。 kb#;
学習が簡単: 中国人が開発、中国語のドキュメント、言語の壁なし、理解しやすく学習しやすい;
双方向データバインディング: angular# を保持## 機能、データ操作が簡素化;
#コンポーネント化: 保持
#react の利点は、html のカプセル化と再利用を実現し、単一ページアプリケーションの構築に特有の利点をもたらします。  #ビュー、データ、構造の分離: ロジックコードを変更する必要がなく、関連する操作を完了するためにデータを操作するだけでデータの変更が簡単になります。
仮想 DOM:
dom
 この操作はパフォーマンスを非常に重視しており、ネイティブの操作です。は使用されなくなりました dom ノードを操作すると、dom 操作が大幅に解放されますが、特定の操作は依然として dom これは単なる別の方法であり、 より高速に実行されます。
react
 パフォーマンスの点では、これは仮想操作 dom です, vueには大きなメリットがあります。 #2.Vue の親コンポーネントが子コンポーネントにデータを渡しますか?

回答:

props を通じて

#3. 子コンポーネントは親コンポーネントと同様にイベントを渡しますか?

答え:

$emit

メソッド

4. v-show 命令と v-if 命令の類似点と相違点は何ですか?

回答:

共通点: どちらも要素の表示と非表示を制御できます; 相違点: 本質的な実装方法が異なります。

v -show

本質は、CSS の

display

を

none

に設定することであり、コントロールは非表示になり、コンパイルは 1 回だけ行われます; v-if を DOM ツリーに動的に移動します DOM 要素を追加または削除します初期値が false の場合はコンパイルされません。さらに、v-if では、継続的な破壊と作成によりパフォーマンスが消費されます。概要: ノードを頻繁に切り替える場合は、v-show を使用します (切り替えのオーバーヘッドは比較的小さいですが、初期のオーバーヘッドは大きくなります)。ノードを頻繁に切り替える必要がない場合は、v-if を使用します (初期レンダリングのオーバーヘッドは小さいですが、切り替えのオーバーヘッドは比較的大きくなります)。上記のことをすべて知っていれば、60 点で合格したことになります。また、vue3.0 がリリースされたので、就職活動の際に「学習していないかどうか」をよく聞かれます。それはまだ。エディターのフロントエンドボタンスカート 519293536 にアクセスして、コミュニケーションと学習を行うことができます。そこには多くの偉い人たちがいて、新しいフロントエンドテクノロジに関する情報も共有しています。 5. CSS を現在のコンポーネントでのみ機能させるにはどうすればよいですか?

回答: コンポーネントの

style

の前にを追加します。スコープ付き

6. 関数とは何ですか?回答:

keep-alive

は Vue の組み込みコンポーネントです。含まれるコンポーネントは状態を保持するか、再レンダリングを回避します。

7. dom を取得する方法は?

答え:

ref="domName"

使用法: this.$refs.domName

8. vue のいくつかの命令とその使用法を挙げてください。 答え:

v-model

双方向データバインディング;

v-for

ループ;

v-if

v-show 表示と非表示;

v-on イベント; v-once: バインドのみ一度。

9. vue-loader とは何ですか?それを使用する用途は何ですか?

回答: template/js/style を js モジュールに変換する vue ファイルのローダー。

使用法: js は es6、style スタイルは scss または less## で記述できます#、template jade などを追加できます。

10. キーを使用する理由は何ですか?

答え: する必要があります。

key を使用して各ノードを一意に識別するために、Diff アルゴリズムはこのノードを正しく識別できます。主な機能は、仮想 DOM を効率的に更新することです。

11.axios とインストール?

回答: バックグラウンドリソースを要求するモジュール。

npm install axios —save インストール後、js で import を使用し、次に .get または .post を使用します。成功した場合は .then 関数で戻り、失敗した場合は .catch 関数で戻ります。

12. v-modal の使用

回答:

v-model はフォームデータの双方向バインディングに使用されます。これは Sugar 構文であり、この背後には 2 つの操作があります: v-bind は value 属性をバインドします; v-on 命令は現在の要素 ## をバインドします# input イベント。

13. vue.cli プロジェクトの src ディレクトリ内の各フォルダーとファイルの使用方法を教えてください。

回答:

assets

フォルダーは静的リソース用、components はコンポーネント用、router はルーティング関連の構成を定義するためのものです。 app.vue はアプリケーションのメインコンポーネントであり、main.js はエントリファイルです。

14. computed と watch の使用シナリオをそれぞれ簡単に説明します

回答:

computed  : 属性が複数の属性の影響を受ける場合は、computed を使用する必要があります。最も典型的な例はショッピングです。車の製品をチェックするとき
watch: 1 つのデータが複数のデータに影響を与える場合は # を使用する必要があります##watch#、リジ: データを検索
##15.v-on複数のメソッドを監視できますか?