vue.js和vue.runtime.jsVue主要有两个版本，vue.js（完整版）和vue.runtime.js（运

Vue主要有两个版本，vue.js（完整版）和vue.runtime.js（运行时版本），这两个版本的区别主要在于vue.js含有编译模块，模块体积占比40%，因此vue.runtime.js就像是压缩版本，体积小。

将template模板字符串编译成JavaScript渲染函数，如果拥有编译模块，那么可以这么写

// 完整版(含编译模块)
<div id="app"></div>
new Vue({
  el:'#app',
  template:'<div> {{ value }} </div>',
  data:{
    value:0
  }})

如果没有编译模块，就只能使用渲染函数render

//运行时的版本(不含编译模块)
new Vue({
  el:'#app',
  data(){
    return {
      value:0
    }
  },
  render (h) {
    return h('div', this.value')
  }})

实际开发中，一般使用vue单文件组件进行页面的编写，配合vue-loader，可以在webpack打包过程中把vue文件html内容转换成render函数。