ホームページ  >  記事  >  ウェブフロントエンド  >  Vue の面接でよくある 15 の質問の分析

Vue の面接でよくある 15 の質問の分析

hzc
hzcオリジナル
2020-06-22 11:10:072220ブラウズ

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

回答:

  • 軽量フレームワーク: データを構築するビューのコレクションであるビュー レイヤーのみに焦点を当てています。 <span style="font-size: 14px;">kb</span>#;

  • 学習が簡単: 中国人が開発、中国語のドキュメント、言語の壁なし、理解しやすく学習しやすい;

  • 双方向データ バインディング: <span style="font-size: 14px;">angular# を保持</span>## 機能、データ操作が簡素化; <span style="font-size: 14px;"></span>

  • #コンポーネント化: 保持

    #react<span style="font-size: 14px;"> の利点は、</span>html<span style="font-size: 14px;"> のカプセル化と再利用を実現し、単一ページ アプリケーションの構築に特有の利点をもたらします。 </span> <span style="font-size: 14px;"></span>#ビュー、データ、構造の分離: ロジック コードを変更する必要がなく、関連する操作を完了するためにデータを操作するだけでデータの変更が簡単になります。

  • <span style="font-size: 14px;"></span>仮想 DOM:

  • dom

    <span style="font-size: 14px;"></span> この操作はパフォーマンスを非常に重視しており、ネイティブの操作です。は使用されなくなりました <span style="font-size: 14px;"></span>dom<span style="font-size: 14px;"></span> ノードを操作すると、<span style="font-size: 14px;"></span>dom<span style="font-size: 14px;"></span> 操作が大幅に解放されますが、特定の操作は依然として <span style="font-size: 14px;"></span>dom<span style="font-size: 14px;"></span> これは単なる別の方法であり、<span style="font-size: 14px;"></span><span style="font-size: 14px;"></span> より高速に実行されます。

  • react

    <span style="font-size: 14px;"></span> パフォーマンスの点では、これは仮想操作 <span style="font-size: 14px;"></span>dom<span style="font-size: 14px;"></span> です, <span style="font-size: 14px;"></span>vue<span style="font-size: 14px;"></span>には大きなメリットがあります。 <span style="font-size: 14px;"></span><span style="font-size: 14px;"></span>#2.Vue の親コンポーネントが子コンポーネントにデータを渡しますか?

回答:

props を通じて <span style="font-size: 14px;"></span>

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

答え:

$emit

メソッド<span style="font-size: 14px;"></span>

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

回答:

共通点: どちらも要素の表示と非表示を制御できます; <span style="font-size: 14px;"></span>相違点: 本質的な実装方法が異なります。

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 の組み込みコンポーネントです。含まれるコンポーネントは状態を保持するか、再レンダリングを回避します。 <span style="font-size: 14px;"></span>

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

答え:

ref="domName"

使用法: this.$refs.domName

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

v-model

双方向データ バインディング; <span style="font-size: 14px;"></span>

v-for

ループ;

v-if

v-show 表示と非表示;

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

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

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

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

10. キーを使用する理由は何ですか?<span style="font-size: 14px;"></span>

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

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

11.axios とインストール?<span style="font-size: 14px;"></span>

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

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

12. v-modal の使用<span style="font-size: 14px;"></span>

回答:

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

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

<span style="font-size: 14px;"></span>回答:

assets

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

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

<span style="font-size: 14px;"></span>回答:

  • computed <span style="font-size: 14px;"></span> : 属性が複数の属性の影響を受ける場合は、<span style="font-size: 14px;"></span>computed<span style="font-size: 14px;"></span> を使用する必要があります。最も典型的な例はショッピングです。車の製品をチェックするとき<span style="font-size: 14px;"></span>

  • watch<span style="font-size: 14px;"></span>: 1 つのデータが複数のデータに影響を与える場合は # を使用する必要があります##watch<span style="font-size: 14px;">#、リジ: データを検索</span><span style="font-size: 14px;"></span>

    ##15.v-on複数のメソッドを監視できますか?

答え: はい、栗: ## #。

推奨チュートリアル: 「JS チュートリアル

以上がVue の面接でよくある 15 の質問の分析の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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