js 数据驱动

Question

目前有这样的一个研究，用 js 进行的增删改查的时候，所有的数据都是来自数组中的，然后通过遍历数组动态生成 dom 节点，然后删除元素的时候，先删除数组中对应的数据，然后视图自动更新，同样的，编辑数据后，数组中的数据更新，然后视图再自动更新，有点类似现在 vue 的数据驱动。目前能实现对 dom 节点的增删改查，但是没有办法实现同时更新数组。

能提供一些思路吗，有代码就更好了，谢谢。

视图类似下面这种：

Answer 1

有点类似现在 vue 的数据驱动。目前能实现对 dom 节点的增删改查，但是没有办法实现同时更新数组。如果是数据驱动，那么你应该删除数据而不是dom。以下为伪代码let data= {users:[{...}]};let usersCom = new Component(data)class Component{    constructor(){        //遍历传进来的属性        //object重写get/set        //数组对象添加push/shift等方法        //让数据变动的时候根据data的内容重新渲染dom    }    render(){        ...    }}

Answer 2

在删除函数里面更新数据。