1.0.1 • Published 7 years ago

eye-patch v1.0.1

Weekly downloads
-
License
ISC
Repository
-
Last release
7 years ago

eye-patch

一个简单高效的MVVM库。

核心方法

h

生成虚拟DOM树

参数:

  • type {string}
    • DOM节点名称,若是文本则为undefined
  • data {object}
    • props {object}
      • DOM属性:attributes = value
    • class {object}
      • 样式类:className = boolean
    • style {object}
      • 内联样式:name = value
      • delayed {object}
        • 渲染时过场动画定义
      • remove {object}
        • 移除时过场动画定义
    • bind {object}
  • children {array|string|number}
    • 若为数组,则表示子虚拟DOM树
    • 若为字符串或数字,则表示文本类型虚拟DOM
var vnode = h('div', {style: {color: '#000'}}, [
  h('h1', 'Headline'),
  h('p', 'A paragraph')
]);

patch

对比两个虚拟DOM树并渲染

参数:

  • oldVnode {vnode|element}
  • newVnode {vnode}

Hooks

NameTriggered whenArguments to callback
prethe patch process beginsnone
inita vnode has been addedvnode
createa DOM element has been created based on a vnodeemptyVnode, vnode
insertan element has been inserted into the DOMvnode
prepatchan element is about to be patchedoldVnode, vnode
updatean element is being updatedoldVnode, vnode
postpatchan element has been patchedoldVnode, vnode
destroyan element is directly or indirectly being removedvnode
removean element is directly being removed from the DOMvnode, removeCallback
postthe patch process is donenone

The following hooks are available for modules: pre, create, update, destroy, remove, post.

The following hooks are available in the hook property of individual elements: init, create, insert, prepatch, update, postpatch, destroy, remove.

1.0.1

7 years ago

1.0.0

7 years ago