フロントエンド面接問題(15):2019-08 vue面接問題


1、MVVMとは何ですか.
答えは前のいくつかの文章の中ですでに書いたことがあって、もう繰り返しません;リンク:https://blog.csdn.net/joyvonlee/article/details/90574149
 
2、vueを使うメリットは何ですか?
vueフレームワークを使用すると、一般的なコンポーネントの管理とメンテナンスがよりよくなり、DOMを直接操作する回数を減らし、ページレンダリングをより効率的にすることができます.vueの設計モデルにより、開発においてビジネスの実現に専念することができます.
 
3、v-forのkeyはどんな役割がありますか?
keyは、各DOMノードの一意の識別子として、仮想DOMをより迅速に更新することができる.
 
4、vueはどのようにしてオブジェクトを深くリスニングしますか?
deepプロパティを使用して、値をtrueに設定すればいいです.
 
5、vue親コンポーネントはどのようにサブコンポーネントを呼び出す方法ですか?
サブコンポーネントのコンポーネントラベルにrefプロパティを追加し、this.$refs.refの値.サブコンポーネントを使用する方法.次の例で呼び出すことができます.





created() {

    this.$refs.refProperty.childMethod();    // childMethod()            

}


 
6、なぜvuexを使うのですか.
vuexは一般的に複雑なプロジェクトで使用されます.vuexはデータの状態をより容易に管理し、各コンポーネント間での取得と保存を容易にすることができるからです.
 
7、vueコンポーネントの間にはどのような方法で値を伝えますか?
vueコンポーネント間の値の伝達方法は、次のとおりです.
1、親伝子:props
2、子伝父:$emit
3、兄弟コンポーネント間:新しい中央通信を作成し、送信側で$emitを使用して値を転送し、受信側で$onメソッドを使用して受信します.
 
8、v-ifとv-forは一緒に使えますか?どうして?
可能ですが、推奨されていません.一緒に使用すると性能が低下します.v-forはv-ifよりも高い重みを持っているため、v-forを解析してからv-if判断を行い、ループ反復のたびに判断を行う.ソリューション:親要素でv-if判定を行うか、計算プロパティを使用して配列をフィルタできます.
 
9、ページの切り替えの間に、どのようにページが重複してネットワーク要求が発生しないようにしますか?
keep-aliveラベルでrouter-viewルーティング出口に包むことができます
 
10、v-ifとv-showの違いは?
v-ifはtrueとfalseの2つの状態切替の過程でDOMを再ロードし、DOMを削除し、性能の上で少しオーバーヘッドを返します.
v-showはDOMを操作するのではなく、cssによってDOMの表示と非表示を制御します.