ホームページ > 記事 > ウェブフロントエンド > Vue の面接でよくある 15 の質問の分析
回答:
軽量フレームワーク: データを構築するビューのコレクションであるビュー レイヤーのみに焦点を当てています。 <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:
<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> より高速に実行されます。
<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 の親コンポーネントが子コンポーネントにデータを渡しますか?
答え:
回答:
本質は、CSS の
displayを
none に設定することであり、コントロールは非表示になり、コンパイルは 1 回だけ行われます; v-if
を DOM ツリーに動的に移動します DOM 要素を追加または削除します 初期値が false
の場合はコンパイルされません。さらに、v-if
では、継続的な破壊と作成によりパフォーマンスが消費されます。概要: ノードを頻繁に切り替える場合は、v-show
を使用します (切り替えのオーバーヘッドは比較的小さいですが、初期のオーバーヘッドは大きくなります)。ノードを頻繁に切り替える必要がない場合は、v-if
を使用します (初期レンダリングのオーバーヘッドは小さいですが、切り替えのオーバーヘッドは比較的大きくなります)。 上記のことをすべて知っていれば、60 点で合格したことになります。また、vue3.0 がリリースされたので、就職活動の際に「学習していないかどうか」をよく聞かれます。それはまだ。エディターのフロントエンド ボタン スカート 519293536 にアクセスして、コミュニケーションと学習を行うことができます。そこには多くの偉い人たちがいて、新しいフロントエンド テクノロジに関する情報も共有しています。
5. CSS を現在のコンポーネントでのみ機能させるにはどうすればよいですか?
回答: コンポーネントの
6. 関数とは何ですか?
回答:
答え:
8. vue のいくつかの命令とその使用法を挙げてください。
答え:
ループ;
v-show
表示と非表示;
v-on
イベント; v-once
: バインドのみ一度。
回答: template/js/style
を js
モジュールに変換する vue ファイルのローダー。
使用法: js
は es6
、style
スタイルは scss
または less## で記述できます#、
template
jade などを追加できます。
key を使用して各ノードを一意に識別するために、
Diff アルゴリズムはこのノードを正しく識別できます。主な機能は、仮想 DOM を効率的に更新することです。
npm install axios —save インストール後、js で
import を使用し、次に
.get または
.post を使用します。成功した場合は
.then 関数で戻り、失敗した場合は
.catch 関数で戻ります。
v-model はフォーム データの双方向バインディングに使用されます。これは Sugar 構文であり、この背後には 2 つの操作があります:
v-bind は
value 属性をバインドします;
v-on 命令は現在の要素 ## をバインドします# input
イベント。
フォルダーは静的リソース用、components
はコンポーネント用、router
はルーティング関連の構成を定義するためのものです。 app.vue
はアプリケーションのメインコンポーネントであり、main.js
はエントリファイルです。
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>
推奨チュートリアル: 「JS チュートリアル
」
以上がVue の面接でよくある 15 の質問の分析の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。