ansicht v1.0.2

Ansicht.js 组件化用户视图构造库

Ansicht.js 设计文档

设计思路

1. 通过创建不同的组件构建视图
2. 使用 Object.defineProperty 实现数据响应

3. 设计生命周期

   生命周期	钩子
   初始化前	initago
   初始化后	initrear
   挂载前	mountago
   挂载后	mountrear
   更新前	updateago
   更新后	updaterear

   构造函数初始化

    const An=new Ans({
      el:'div',
      data:{
        /* 数据 */
      },
      NodeTree(data){
        return {
          /* dom 树 */
        }
      }
      life:{
        /* 生命周期 */
      }
    })

   构造函数属性

    NodeTree // 节点树
    data     // 数据
    el       // 容器元素
    life     // 生命周期
    method   // 方法
    moduleNode // 导出属性
    ref      // dom节点 

   构造函数方法

4. $set() 参数一是要添加的位置， 参数二是添加的值

    this.$set(this.data,{
        a:100
      })