Vue编译渲染学习小结——el vs vm.$mount()

在new Vue的时候，会有这两种写法

1.含有el参数的

new Vue({
  el: '#app',
  render: h => h(App)
})

el选项只用在new创建实例时生效，其作用是提供一个在页面上已存在的DOM元素作为vue实例的挂载目标。可以是css选择器，也可以是HTMLElement实例。【Vue 不能挂载到 body、HTML 这样的跟节点上。】

在实例挂载之后，元素可用vm.$el访问。

如果在实例化时存在这个选项，实例将立即进入编译过程。否则，需要显式调用 vm.$mount() 手动开启编译。

2.启动手动编译

const app = new Vue({
    render: h => h(App)
});
app.$mount('#app');

需要延迟挂载，可以在之后手动调用vm.$mount()方法来挂载

初始化之后调用 $mount 会挂载组件，如果是运行时编译，即不存在 render function 但是存在 template 的情况，需要进行「编译」步骤。