基于VueJS的render渲染函数结合自定义组件打造一款很是强大的IView 的Table

转载：https://segmentfault.com/a/1190000015970367?utm_source=tag-newest

记录一下 在IView中使用 Rander渲染列时如何调用本身的自定义指令.

 1 h('组件名', {组件属性(包括vue相关的props)}, [子组件或者子节点或者文本])
 2 {
 3   // 和`v-bind:class`同样的 API
 4   'class': {
 5     foo: true,
 6     bar: false
 7   },
 8   // 和`v-bind:style`同样的 API
 9   style: {
10     color: 'red',
11     fontSize: '14px'
12   },
13   // 正常的 HTML 特性
14   attrs: {
15     id: 'foo'
16   },
17   // 组件 props
18   props: {
19     myProp: 'bar'
20   },
21   // DOM 属性
22   domProps: {
23     innerHTML: 'baz'
24   },
25   // 事件监听器基于 `on`
26   // 因此再也不支持如 `v-on:keyup.enter` 修饰器
27   // 须要手动匹配 keyCode。
28   on: {
29     click: this.clickHandler
30   },
31   // 仅对于组件，用于监听原生事件，而不是组件内部使用 `vm.$emit` 触发的事件。
32   nativeOn: {
33     click: this.nativeClickHandler
34   },
35   // 自定义指令。注意事项：不能对绑定的旧值设值
36   // Vue 会为您持续追踪
37   directives: [
38     {
39       name: 'my-custom-directive',
40       value: '2',
41       expression: '1 + 1',
42       arg: 'foo',
43       modifiers: {
44         bar: true
45       }
46     }
47   ],
48   // Scoped slots in the form of
49   // { name: props => VNode | Array<VNode> }
50   scopedSlots: {
51     default: props => createElement('span', props.text)
52   },
53   // 若是组件是其余组件的子组件，需为插槽指定名称
54   slot: 'name-of-slot',
55   // 其余特殊顶层属性
56   key: 'myKey',
57   ref: 'myRef'
58 }