两个版本的差别

  1. 完整版文件是vue.js
    完整版额外包含了编译器。所以体积比非完整版大40%左右。
    视图部分需要写在html中;或者写在vue组件中的template选项中。
  2. 只包含运行时的版本是vue.runtime.js
    非完整版,没有编译器。视图部分需要写在render()函数里。

template和render如何使用

template一般写在vue组件里的顶部,html语法如下:

  1. <template>
  2. <div id="app">
  3. <div>{{ hi }}</div>
  4. </div>
  5. </template>

render写法,直接写在实例中:

  1. // 不需要编译器
  2. new Vue({
  3. render (h) {
  4. return h('div', this.hi) //hi是传值的变量
  5. }
  6. })

如何用 codesandbox.io 写 Vue 代码

打开:https://codesandbox.io
点击vue图标跳转:
Vue的两个版本的差异 - 图1
打开之后就可以编辑vue项目了

编辑完代码后,ctrl+s保存,就可以预览修改代码后的效果了。
Vue的两个版本的差异 - 图2

资料来源:饥人谷