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


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM