哪个函数负责在渲染引擎中渲染vue.js中的DOM？

Question

让我们看看2.1.9 链接：https://cdnjs.cloudflare.com/ajax/libs/vue/2.1.9/vue.js 你们知道哪个函数呈现DOM吗？

Answer 1

您始终可以创建render功能。请参阅以下代码。

Vue.component('anchored-heading', {
  render: function (createElement) {
    return createElement(
      'h' + this.level,   // tag name
      this.$slots.default // array of children
    )
  },
  props: {
    level: {
      type: Number,
      required: true
    }
  }
})

此处createElement的功能如下。

// @returns {VNode}
createElement(
  // {String | Object | Function}
  // An HTML tag name, component options, or function
  // returning one of these. Required.
  'div',
  // {Object}
  // A data object corresponding to the attributes
  // you would use in a template. Optional.
  {
    // (see details in the next section below)
  },
  // {String | Array}
  // Children VNodes. Optional.
  [
    createElement('h1', 'hello world'),
    createElement(MyComponent, {
      props: {
        someProp: 'foo'
      }
    }),
    'bar'
  ]
)

请参阅this post了解更多信息。