new Vue({ render: h => h(App), }).$mount('#app')到底什么意思

export default 打包的发布的时候,template以及style样式会跟着一起打包。

render函数的作用

render函数是vue通过js渲染dom结构的函数createElement,约定可以简写为h

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

render: function (createElement) {
    return createElement(App);
}

继续缩写

render (createElement) {
    return createElement(App);
}

继续缩写

render (h) {
    return h(App);
}

箭头函数

h => h(App);

实际渲染

import App from './App'
new Vue({
    el: '#root',
    template: '<App></App>',
    components: {
        App
    }
})

https://cn.vuejs.org/v2/api/#vm-mount

https://cn.vuejs.org/v2/guide/render-function.html

posted @ 2020-11-13 09:55  makalo  阅读(3346)  评论(0编辑  收藏  举报