前端，VUE完整版和非完整版的区别

我们在第一次使用Vue的时候会发现Vue有两个版本，例如非完整版（vue.runtime.js）和完整版（vue.js)本文将从一下目录中几点为你介绍两者之异。

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

2.template 和 render 怎么用

3.用 codesandbox.io 写 Vue 代码

---

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

区别：

完整版	非完整版
有compiler	没有compiler
视图写在HTML里或者写在template选项	写在render函数里用h来创建标签
cdn引入 vue.js	cdn引入vue.runtime.js
webpack 引入需要配置alias	webpack引入默认使用此版本
@vue/cli 引入 需要额外配置	@vue/cli引入默认使用此版本

2.template 和 render 怎么用

template用法：

render的用法：

 

 

render与template的区别：

1. VUE一般使用template来创建HTML，而使用javascript来创建html要使用render函数。
2. template逻辑简单，理解起来相对容易，但灵活性不足；render渲染方式可以将JS发挥到极致，通过createElement的方式创建虚拟DOM。其逻辑性较强，适合复发的组件封装。
3. render的性能要比tempate要高。

3.用 codesandbox.io 写 Vue 代码

输入URL：Online Code Editor and IDE for Rapid Web Development 进入codesandbox

根据图中步骤进行操作：（注意不要登录，登录的话只有50次机会，不登录可以无限用）

​

选择Vue，或者Vue3（最新的Vue版本）

​

接下来你就可以愉快的写代码啦，还可以把代码下载下来在本地编辑，看你自己都行。

​