Skip to content
本页目录

页面模型结构定义

页面模型根据Vue Model设计而成的Json结构,通过编译即可形成页面模型逻辑,具体定义如下:


Model 页面模型结构

json
{
  "name": String, // 页面模型名称
  "inheritAttrs": Boolean, //是否继承属性, 默认值true,如果继承,根元素将继承Attrs
  "props": [{   // 参数
    "name": String, // 参数名称
    "type": String, // 参数类型: 'String' | 'Number' | 'Boolean' | 'Array' | 'Object' | 'Date' | 'Function' | 'Symbol'
    "required": Boolean,  // 是否必填
    "validator": String,  // 校验方法
    "default": Any, // 与type对应
  }],
  "data": [{  // 变量
    "name": String, // 变量名称
    "type": String, // 变量类型: 'String' | 'Number' | 'Boolean' | 'Json' | 'Date' | 'Function' | 'Variable'
    "value": String
  }],
  "computed": [{  // 计算属性
    "name": String, // 属性名称
    "get": String, // 获取属性值的方法,通过return返回
    "set": String // 设置属性值的方法,参数为新值
  }],
  "watch": [{  // 侦听器
    "name": String, // 侦听属性名称
    "handler": String, // 执行方法,参数为新值和老值
    "deep": Boolean, // 深度监听,是否监听对象内部值变化
    "immediate": Boolean, // 是否在侦听开始之后立即触发监听回调
  }],
  "beforeCreate": String, // 在实例初始化之后,进行数据侦听和事件/侦听器的配置之前同步调用。
  "created": String, // 在实例创建完成后被立即同步调用。在这一步中,实例已完成对选项的处理,意味着以下内容已被配置完毕:数据侦听、计算属性、方法、事件/侦听器的回调函数。然而,挂载阶段还没开始,且 $el property 目前尚不可用。
  "beforeMount": String, // 在挂载开始之前被调用:相关的 render 函数首次被调用。
  "mounted": String, // 实例被挂载后调用,$el 可用
  "beforeUpdate": String, // 在数据发生改变后,DOM 被更新之前被调用。这里适合在现有 DOM 将要被更新之前访问它,比如移除手动添加的事件监听器。
  "updated": String, // 在数据更改导致的虚拟 DOM 重新渲染和更新完毕之后被调用。
  "activated": String, // 被 keep-alive 缓存的组件激活时调用。
  "deactivated": String, // 被 keep-alive 缓存的组件失活时调用。
  "beforeDestroy": String, // 实例销毁之前调用。在这一步,实例仍然完全可用。
  "destroyed": String,  // 实例销毁后调用。
  "errorCaptured": String, // 在捕获一个来自后代组件的错误时被调用。此钩子会收到三个参数:错误对象、发生错误的组件实例以及一个包含错误来源信息的字符串。此钩子可以返回 false 以阻止该错误继续向上传播。
  "methods": [{   // 方法
    "name": String,   // 方法名
    "handler": String,  // 方法体
  }],
  "provide": [{ // 向子孙后代组件传值(与inject配合使用)
    "name": String, // 变量名
    "type": String, // 变量类型: 'String' | 'Number' | 'Boolean' | 'Json' | 'Date' | 'Function' | 'Variable'
    "value": String // 值
  }],
  "inject": [{  // 获取祖先组件传递的值(与provide配合使用)
    "name": String, // 本地变量名称
    "from": String, // 对应provide的变量名
    "type": String, // 变量类型: 'String' | 'Number' | 'Boolean' | 'Json' | 'Date' | 'Function' | 'Variable'
    "default": String // 值
  }] // 
}

值类型分析

类型字符串格式
String"abc""abc"
Number"1.0"1.0
1.01.0
Boolean"true"true
truetrue
Array"[1,2,3]"[1,2,3]
"['a', 'b', 'c']"['a', 'b', 'c']
Object"{a: 'aaa'}"{a: 'aaa'}
Date"2023-08-08 12:30:10"new Date('2023-08-08 12:30:10')
Function"function(){......}"function(){......}
Variable"name"this.name
Json"{a: 'aaa'}"{a: 'aaa'}
"[1,2,3]"[1,2,3]

内部资料,请勿外传