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
}
})
VueJS渲染机制解析
本文深入探讨了VueJS中render函数的应用,解释了其如何通过JS实现DOM结构的渲染,从export default打包发布机制到render函数的不同写法,直至最终的实际渲染过程。
2485





