Vue 两个版本的区别和使用方法

vue两个版本对应的文件名分别是vue.js和vue.runtime.js。

vue.js: 包括编译器和运行时的版本,完整版的视图写在HTML里或template选项 vue.runtime.js: 用来创建Vue实例、渲染、处理虚拟Dom,可以理解为除了编译器剩下的代码都属于运行时，非完整版的视图写在render函数里，用h来创建标签。尽量使用runtime版本，因为可以省40%左右的空间

template

Vue.compile( template ):将一个模板字符串编译成 render 函数。只在完整版时可用。

new Vue({
   el:'#app',
   template:`
     <div>{{n}}</div>
   `,
   data:{
   n:0
 }
})

render

new Vue({
    el:'#app',
    render(h){
      return h('div',this.n)
    }
    data:{
    n:0
  }
})

网页编辑vue

可以在codesandbox.io/s/里创建vue直接使用，不用注册