vue 运行时版vs完整版

vue 运行时版和完整版差异

1. 两个版本的命名差异

   • 完整版：vue.js
   • 运行时版：vue.runtime.js

2. 内容差异

   • 完整版：包含运行时版所有内容以及template compiler
   • 运行时版: 不包含template compiler，体积比完整版小30%

3. 使用上的差异

   • 完整版：
     • 构造选项中可以直接使用template选项
     • 可以在挂载的html节点中包含vue template语法
     • 一般用于在浏览器中使用CDN直接引入
     • vue文件较大，而且在浏览器中编译模板代码，初始加载需要的时间较长
   • 运行时版：
     • 一般配置打包工具一起使用（vue-cli，webpack）
     • 使用vue-loader在编译期处理template
     • 不使用vue-loader的话，只能使用render函数来编写模板

4. 强烈推荐使用运行时版配合打包工具（主要是打包工具，当下对于大多数场景，前端工程化构建都是最优的选择）

5. codesnadbox是一个在线IDE网站，为vue提供了开箱即用的支持，在这里可以方便快捷地编写一些demo，来学习vue语法