Welche Funktion ist für das Rendern des DOM in vue.js in seiner Rendering-Engine verantwortlich?

Question

Nehmen wir vue 2.1.9.
link: https://cdnjs.cloudflare.com/ajax/libs/vue/2.1.9/vue.js Wissen Sie, welche Funktion das DOM rendert?

Answer 1

Sie können immer eine render Funktion erstellen. Bitte beachten Sie den folgenden Code.

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 
    } 
    } 
}) 

Hier createElement ist eine Funktion wie folgt.

// @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' 
    ] 
) 

Weitere Informationen finden Sie unter this post.