美文网首页
Vue中render:h=>h(App)的含义

Vue中render:h=>h(App)的含义

作者: HuFan_JS | 来源:发表于2020-03-26 20:46 被阅读0次

    render: h => h(App) 是下面内容的缩写:

        return createElement(App);
    }
    进一步缩写为(ES6 语法):
    
    render (createElement) {
        return createElement(App);
    }
    再进一步缩写为:
    
    render (h){
        return h(App);
    }
    按照 ES6 箭头函数的写法,就得到了:
    
    render: h => h(App);
    

    Vue.js 里面的 createElement 函数,这个函数的作用就是生成一个 VNode节点,render 函数得到这个 VNode 节点之后,返回给 Vue.js 的 mount 函数,渲染成真实 DOM 节点,并挂载到根节点上。

    相关文章

      网友评论

          本文标题:Vue中render:h=>h(App)的含义

          本文链接:https://www.haomeiwen.com/subject/yajhuhtx.html