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

Vue.js分为两个版本，一个是完整版 vue.js，一个是非完整版（只包含运行时版） vue.runtime.js

Vue完整版

特点:

• 有compiler编译器，占40%体积
• 视图写在HTML或template选项中

new Vue({
template: '<div>{{ hi }}</div>'
})

Vue非完整版

• 无compiler编译器，体积小，用户体验好
• 视图写在render函数里，用h来创建标签

new Vue({
 render (h) {
   return h('div', this.hi)
 }
})

*还可以使用vue-loader,在src里新建一个Demo.vue文件,写在这个文件里

当使用 vue-loader的时候，*.vue 文件内部的模板会在构建时预编译成 JavaScript。

区别

用 codesandbox.io 写 Vue 代码

1. 进入codesandbox.io

2. 点击创建

   

3. 选择Vue

   

4. 创建Vue后会自动生成所需文件

   

5. 可以导出zip到本地运行