いくつかの簡単なvue試験問題(選択問題と簡単な解答問題)

3344 ワード
vue
1、下記のコード結果の印刷結果は:
new Vue({ data: { a: 1, b: 2 }, created: function () { console.log(this.a) }, mounted(){ console.log(this.b) } })

A:1,2 B: 1,1 C: 2,2 D:2,1
 
2、beforeRouteEnterフック関数でconsoleを行う.log(this)の結果は次のとおりです.
A.VueCompentインスタンスB.undefined C、エラーD.以上が正しくない
 
3、vueのライフサイクル、実行順序は以下の通りである.
A. beforeCreate -> init->create->mount->destory
B. mount-> init->beforeCreate->create->destory
C.beforeCreate->create->init->mount->destory
D.init->beforeCreate->create->init->destory
 
4.DOMイベントを傍受するための命令は:
A. v-on B.v-model C.v-bind D.v-html
 
5、以下のvueに対する双方向バインドの言い方が正しくないのは:
A.データハイジャックとパブリッシャー-サブスクライバモードを組み合わせた方式を採用する
B.Objectを通過する.defineProperty()は、各属性のsetter,getterをハイジャックし、データが変動したときにサブスクライバにメッセージを発行し、対応するリスニングコールバックをトリガーする
C.MVVMはデータバインディングの入口として、Observer、Compile、Watcherの3つを統合し、Observerによって自分のモデルのデータ変化を監視する
D.vueは汚れ検査メカニズムに基づいて双方向バインドを実現する
 
6、vue-routerには何種類のナビゲーションフックがありますか.以下のどのオプションがvue-routerのナビゲーションフックではありませんか.
A.グローバルナビゲーションフック
B.セット内のフック
C.ページフック
D.個別ルーティング専用コンポーネント
 
7、以下のオプションでルーティングジャンプができないのは次のとおりです.
A. push()
B.replace()
C. route-link
D.jump()
 
8、動的ルーティング{path:'/user/:id'}のidの値を取得するには、次のようにします.
A.this.$route.params.id
B.this.route.params.id
C.this.$router.params.id
D.this.router.params.id
 
9.次のオプションでvuexに属していない属性は?
A. state
B.getters
C.actions
D.init
 
10.次のコードの印刷結果は次のとおりです.
 {{ message.split('').reverse().join('') }} 
  new Vue({ el: '#app', data: { message: 'hello' } })

A. hello
B.hel
C.olleh
D.llo
 
11.ナビゲーションフック関数はどれらがありますか?どのようなパラメータがありますか?
ナビゲーションフックには、a/グローバルフックとコンポーネント内で独自のフックがあります.b/beforeRouteEnter、afterEnter、beforeRouterUpdate、beforeRouteLeave
パラメータ:to(行ったルート)、from(離れたルート)、next(必ずこの関数で次のルートに行くことができて、使わないならブロックします)
 
12.v-showとv-if命令の共通点と相違点
  • v-show命令は、要素のdisplayCSS属性を変更することによって
    • を表示または非表示にする.
  • v-if命令は、DOMを直接破棄して再構築し、要素を表示および非表示にする効果
    • を達成する.
    13.Vueにコンポーネントを導入する手順は?
  • ES 6のimportを採用...from ...シンタックスまたはCommonJsdのrequire()メソッド導入プラグイン
  • は、グローバルメソッドVueを用いる.use(plugin)はプラグインを使用して、オプションオブジェクトVueを入力することができる.use(MyPlugin, { someOption: true })

    • 14.計算属性とwatchの違い
    computed計算プロパティは、宣言式の記述に使用される値が他の値に依存していることを示します.テンプレートにデータを計算属性にバインドすると、Vueはその依存する任意の値が計算属性を変更したときにDOMを更新します.この機能は非常に強力で、コードをより宣言し、データ駆動し、メンテナンスを容易にすることができます. 
    watchはあなたが定義した変数を監視し、定義した変数の値が変化した場合、対応するメソッドを呼び出します.
    幸いdivに式nameを書き、dataにnumとlastname、firstnameを書き、watchでnumの値が変化するとnumのメソッドが呼び出され、メソッドの中のパラメータはnumの新しい値と古い値に対応しています.
    一方、計算属性computedは、Name依存の値を計算し、dataで定義された変数を計算することはできません.
     
    15.Vue親子コンポーネント間のパラメータ伝達はどのように行われますか?
    親コンポーネントは子コンポーネントに値を渡します.
    1)サブコンポーネントはpropsに属性を作成し、親コンポーネントからの値を受信する.
    2)親コンポーネントに子コンポーネントを登録する.
    3)サブアセンブリラベルにサブアセンブリpropsで作成した属性を追加する.
    4)サブアセンブリに渡す値をこの属性に割り当てる
    子コンポーネントは親コンポーネントに値を渡します.
    1)サブアセンブリでは、イベントをクリックするなどの何らかの方法でカスタムイベントをトリガーする必要がある.
    2)送信する必要がある値を$emitの2番目のパラメータとし、この値は応答イベントに実パラメータとして送信される方法である.
    3)親コンポーネントにサブコンポーネントを登録し、サブコンポーネントラベルにカスタムイベントのリスニングをバインドします.
     
     
    vueフォームを動的に生成し、検証ルールを追加します.input入力ボックスは入力できません.
    js例thisの使い方を説明する