vue入门demo:用户管理3

该入门demo是使用组件的方式实现,不涉及向后端发送请求

  • 说明

把用户列表和添加用户拆分为两个组件,用户列表数据在父组件

  • 获取用户列表:用户列表组件获取父组件的用户列表(父组件向子组件传值)1-1 1-2 1-3
  • 添加用户:把添加到添加用户组件的数据传给父组件,父组件再添加到数组 (子组件给父组件传值)2-1 2-2 2-3
  • 删除用户:把用户列表组件id传给父组件,父组件再根据id查询到索引,删除对应的元素(子组件给父组件传值)3-1 3-2 3-3
  • 搜索用户:把添加用户组件的keyword传给父组件,父组件再获取该keyword对列表进行过滤 4-1 4-2 4-3
  • 实例



    
    
    
    组件综合实例
    
    
    


    
    
  • 效果
    vue入门demo:用户管理3_第1张图片

你可能感兴趣的:(vue入门demo:用户管理3)