动态组件、异步组件、递归组件
动态组件、异步组件、递归组件
动态组件
- 多配合 keep-alive** ****使用**
- 多使用 componet 组件 用 v-bind 的 is 绑定 组件名,或通过 v-for 遍历 后端或 data 中动态请求来的数据。
异步组件
- 首次刷新 所有组件代码都会被下载下来。
- 使用异步组件,该异步组件需要时才会被加载。可以理解为懒加载。
- 使用 webpack 提供的 import 按需引入 组件。
- 异步组件的工厂函数 更加细腻的写法
递归组件
- 组件是可以在它们自己的模板中调用自身的。通过组件实例中的 name 属性来做这件事的。就是组件内用自己的 name 当组件使用。
- 只要是递归就需要有出口。递归组件中 使用 v-if = “false” 跳出递归。
- 多应用在渲染 数据结构常改变的列表。比如一般数据结构改变,一般组件的上使用的 v-for 都会再次嵌套。而递归组件却不用。无论数据结构怎么改变,都会自适应。
–递归调用组件
–调用递归组件的父组件
本博客所有文章除特别声明外,均采用 CC BY-SA 4.0 协议 ,转载请注明出处!