Vue的两个版本的差异

两个版本的差别

1. 完整版文件是vue.js
   完整版额外包含了编译器。所以体积比非完整版大40%左右。
   视图部分需要写在html中；或者写在vue组件中的template选项中。

2. 只包含运行时的版本是vue.runtime.js
   非完整版，没有编译器。视图部分需要写在render()函数里。

template和render如何使用

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

<template>
	<div id="app">
		<div>{{ hi }}</div>
	</div>
</template>

render写法，直接写在实例中：

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

如何用 codesandbox.io 写 Vue 代码

打开：https://codesandbox.io
点击vue图标跳转：

打开之后就可以编辑vue项目了

编辑完代码后，ctrl+s保存，就可以预览修改代码后的效果了。