vue render {} 對象 說明文檔

Vue學習筆記進階篇——Render函數

http://www.mamicode.com/info-detail-1906336.html

 

深刻data object參數
有一件事要注意：正如在模板語法中，v-bind:class和v-bind:style ，會被特別對待同樣，在 VNode 數據對象中，下列屬性名是級別最高的字段。該對象也容許你綁定普通的 HTML 特性，就像 DOM 屬性同樣，好比 innerHTML (這會取代 v-html指令)。 { // 和`v-bind:class`同樣的 API ‘class‘: { foo: true, bar: false }, // 和`v-bind:style`同樣的 API  style: { color: ‘red‘, fontSize: ‘14px‘ }, // 正常的 HTML 特性  attrs: { id: ‘foo‘ }, // 組件 props  props: { myProp: ‘bar‘ }, // DOM 屬性  domProps: { innerHTML: ‘baz‘ }, // 事件監聽器基於 `on` // 因此再也不支持如 `v-on:keyup.enter` 修飾器 // 須要手動匹配 keyCode。  on: { click: this.clickHandler }, // 僅對於組件，用於監聽原生事件，而不是組件內部使用 `vm.$emit` 觸發的事件。  nativeOn: { click: this.nativeClickHandler }, // 自定義指令. 注意事項：不能對綁定的舊值設值 // Vue 會爲您持續追蹤  directives: [ { name: ‘my-custom-directive‘, value: ‘2‘, expression: ‘1 + 1‘, arg: ‘foo‘, modifiers: { bar: true } } ], // Scoped slots in the form of // { name: props => VNode | Array<VNode> }  scopedSlots: { default: props => createElement(‘span‘, props.text) }, // 若是組件是其餘組件的子組件，需爲 slot 指定名稱 slot: ‘name-of-slot‘, // 其餘特殊頂層屬性  key: ‘myKey‘, ref: ‘myRef‘ }