VUE render関数

一般的に、データレンダリングはこう書きます.

//html
 
 {{message}} 
  
//js
new Vue({
  data(){
    return{
     message:'hello' 
   }
  }
})

render関数を使用して、関数内部はcreateElementコールバックを返します.

//html
 
//js
new Vue({
  render(createElement){
    return createElement('div',{
     attrs:{
        id:'app1'
    }
    },this.message)
  },
  data(){
    return{
     message:'hello' 
   }
  }
})

renderで発生した

hello

上書き

因为页面中没有了id为app的div
这也是我们不能将vue实例挂载在body和html的原因，因为会直接覆盖，
并且比

{{message}}

ロードの最適化は、domがjsと先にロードされるため、{message}}がページに表示され、renderがvueインスタンスにロードされた後に直接ページにデータが表示されるためです.