index.html

  <div id="app">
    <p>這是index.html</p>
  </div>

index.js

// 匯入全的vue
// import Vue from 'vue/dist/vue.js'
// 匯入閹割版的vue
import Vue from 'vue'

import App from './app.vue'
const vm = new Vue({
  el: '#app',
  template: `<div>這是template模板頁面</div>`,
  // render函式會把頁面上原來的都覆蓋掉，le和template都都沒有意義了，此時可以使用閹割版的vue了
 

  // createElement 是vue傳的形參
  // render: function(createElement) {
  //   return createElement(App)
  // }

  // 簡化後的函式
  render: c => c(App)
})

app.vue

<template>
  <div id="app1111">
    <h1>這是render函式元件</h1>
  </div>
</template>