[Vue] Vue.jsの起動

2712 ワード
JavaScript vue TIL テキストリンク
vueを学ぶ機会と、vueの反応を整理する機会があります.

Vue.jsとは何ですか。

  • ユーザインタフェースのアップグレードフレームワーク
    • を作成する.

    vueとreactの共通点

  • 仮想DOMを利用する.
  • 反応性および組み合わせ可能な要素が提供される.
  • カーネルライブラリに焦点を当て、ルーティングとグローバルステータスを管理するためのコンピュータライブラリがあります.

    • Vueインスタンス

  • Vue関数を使用して、新しいVueインスタンスを作成します.
    • var vm = new Vue({
  // 옵션
})
    Vueインスタンスを作成する場合は、オプションオブジェクトを渡す必要があります.
    Vueアプリケーションはnew Vueによって作成されたルートVueインスタンスで構成され、選択的にネスト可能で再利用可能な構成部品ツリーで構成されています.
    ex)
    Root Instance
└─ TodoList
   ├─ TodoItem
   │  ├─ DeleteTodoButton
   │  └─ EditTodoButton
   └─ TodoListFooter
      ├─ ClearTodosButton
      └─ TodoListStatistics

    インスタンスライフサイクルフック

  • 各VUEインスタンスは、作成時に一連の初期化ステップを経て、カスタムロジックを実行することができるライフサイクルフックを呼び出す.たとえば、インスタンスを作成するとcreated hookが呼び出されます.例:
    • new Vue({
  data: {
    a: 1
  },
  created: function () {
    // `this` 는 vm 인스턴스를 가리킵니다.
    console.log('a is: ' + this.a)
  }
})

// => "a is: 1"
  • インスタンスのライフサイクルの異なるフェーズで呼び出される他のフックもあります.たとえば、インストール、更新、破棄などです.すべてのライフサイクルフックは、このコンテキスト呼び出しのVueインスタンスを指します.
    • wetube 7.5 ~ 7.15
    同期