【vue】コンポーネントのまとめについて

1.関数コンポーネント

Vue.component('my-component', {
  functional: true,
  //          
  //             
  render: function (createElement, context) {
    // ...
  },
  // Props   
  props: {
    // ...
  }
})

単一ファイルコンポーネントを使用している場合、テンプレートベースの関数コンポーネントは次のように宣言できます.

コンポーネントに必要なものはすべてコンテキストによって伝達されます.
関数コンポーネントは1つの関数であるため、レンダリングコストも大幅に低くなります.しかしながら、永続化インスタンスの欠如は、関数コンポーネントがVue devtoolsのコンポーネントツリーに表示されないことを意味する.
関数コンポーネントは1つの関数であるため、レンダリングコストも大幅に低くなります.しかしながら、永続化インスタンスの欠如は、関数コンポーネントがVue devtoolsのコンポーネントツリーに表示されないことを意味する.
パッケージコンポーネントとしても役立ちます.たとえば、必要に応じて(シーンを適用):

プログラム的に複数のコンポーネントの中から1つの

を選択する.

は、children、props、dataをサブコンポーネントに渡す前にそれらを操作する.