vm.$mount()和$el

Vue1.0 Vue实例定义

import Vue from 'vue'
import App from './App.vue'
import router from './router'
import store from './store'

new Vue({
    router,
    store,
    components: { App }
}).$mount('#app')

 

Vue2.0 Vue实例定义

import Vue from 'vue'
import App from './App.vue'
import router from './router'
import store from './store'

new Vue({
    router,
    store,
    render: h=>h(App)
}).$mount('#app')

//或

new Vue({
    el: '#app' //经过el代替$mount()进行挂载
    router,
    store,
    components: { App },
    template: '<App/>' //模板将会替换挂载的元素
})

 

官方 render 释义：

render: h=>h(App)

render: h=>{ return h(App); }

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

// h是createElement别名
render: function(createElement) {
    return createElement(App)
}

render: function(createElement) {
    return createElement(
        'h'+this.level, //tag name 标签名称
        this.$slots.default //子组件中的阵列
    )
}