动态组件、异步组件、递归组件

动态组件、异步组件、递归组件

动态组件

  • 多配合 keep-alive** ****使用**
  • 多使用 componet 组件   用 v-bind 的 is 绑定   组件名,或通过 v-for 遍历   后端或 data 中动态请求来的数据。


异步组件

  • 首次刷新   所有组件代码都会被下载下来。
  • 使用异步组件,该异步组件需要时才会被加载。可以理解为懒加载。
  • 使用 webpack  提供的 import  按需引入   组件。
  • 异步组件的工厂函数   更加细腻的写法

递归组件

  • 组件是可以在它们自己的模板中调用自身的。通过组件实例中的  name  属性来做这件事的。就是组件内用自己的 name 当组件使用。
    • 只要是递归就需要有出口。递归组件中   使用 v-if = “false”  跳出递归。
  • 多应用在渲染 数据结构常改变的列表。比如一般数据结构改变,一般组件的上使用的 v-for  都会再次嵌套。而递归组件却不用。无论数据结构怎么改变,都会自适应。

–递归调用组件

–调用递归组件的父组件


本博客所有文章除特别声明外,均采用 CC BY-SA 4.0 协议 ,转载请注明出处!