vue递归组件的增删改
//引用组件,将数据动态传递给组件
export default {
components:{
Tree,//注册组件
},
data(){
return {
//递归组件的数据
list:[{
data:'数据1',
open:true,
id:1,
children:[{
data:'数据1-1',
open:true,
id:2,
children:[{
data:'数据1-1-1',
open:true,
id:3,
}]
},{
data:'数据1-2',
open:true,
id:4
}]
},{
data:'数据2',
open:true,
id:5,
children:[{
data:'数据2-1',
open:true,
id:6
},{
data:'数据2-2',
open:true,
id:7
}]
},{
data:'数据3',
open:true,
id:8
}]
}
}
}
在tree.vue中渲染树形结构,并做相应的逻辑
- 【vue递归组件的增删改】{{item.data}}
//将children传递给组件,实现递归
```
推荐阅读
- vue-cli|vue-cli 3.x vue.config.js 配置
- 2020-04-07vue中Axios的封装和API接口的管理
- VueX--VUE核心插件
- 动态组件与v-once指令
- vue组件中为何data必须是一个函数()
- 用npm发布一个包的教程并编写一个vue的插件发布
- (六)Component初识组件
- Spring|Spring Boot 自动配置的原理、核心注解以及利用自动配置实现了自定义 Starter 组件
- vuex|vuex 基础结构
- Vue源码分析—响应式原理(二)