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

/*

webpack打包入口文件

*/
//導入vue構造函數
import Vue from 'vue'
//導入根組件App.vue
import App from './App.vue'
//導入路由文件
import router from './router'

import './plugins/element.js'

Vue.config.productionTip = false

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

有上述代碼：

render: h => h(App)是ES6的寫法，其實就是如下內容的簡寫：

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

官方文檔中是這樣的，createElement 是 Vue.js 里面的 函數，這個函數的作用就是生成一個 VNode節點（虛擬節點），render 函數得到這個 VNode 節點之后，返回給 Vue.js 的 mount 函數，渲染成真實 DOM 節點，並掛載到根節點上。

 

$mount()手動掛載:

這里創建的vue實例沒有el屬性，而是在實例后面添加了一個$mount(’#app’)方法。$mount(’#app’) ：手動掛載到id為app的dom中的意思.當Vue實例沒有el屬性時，則該實例就沒有掛載到某個dom中. 假如需要延遲掛載，可以在之后手動調用vm.$mount()方法來掛載。

 

 

/* webpack打包入口文件 *///導入vue構造函數import Vue from'vue'//導入根組件App.vueimport App from'./App.vue'//導入路由文件import router from'./router'import'./plugins/element.js' Vue.config.productionTip =falsenewVue({ router, render: h =>h(App)}).$mount('#app')