Vue完整版和简化版的区别

173 阅读1分钟

1. 完整版和非完整版的主要区别

  • 由于非完整版没有编译器,所以体积要小30%左右
  • 非完整版没有编译器,代码不能直接转化为JS,所以只能写在render函数中
  • 非完整版可以在项目build时使用Webpack的vue-loader预编译成JS

2. 两个版本对应的文件名

通过CDN引入,完整版和非完整版的文件名分别为:

vue.js 和 vue.runtime.js

3. template和render

template只能在vue完整版使用

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

render可在完整版和非完整版使用

import Demo from './Demo.vue'
new Vue({
  el:'#app',
  render:h =>h(Demo)
})

4. 使用codesandbox.io快速创建vue项目

codebox.png

然后File --> export to ZIP 导出