Vue的完整版是同时包含编译器和运行时的版本；而运行时版是用来创建 Vue 实例、渲染并处理虚拟 DOM 等的代码。基本上就是除去编译器的其它一切。它们之间的主要区别在于构建方式和文件大小。

两个版本对应的文件名

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

模板和渲染方面

• 完整版：可以使用 template 选项，在模板中编写 HTML 代码并与 Vue 实例进行绑定。Vue 在运行时会编译模板，并将其转换为渲染函数（render）。
• 运行时版：由于没有模板编译器，因此无法直接使用 template 选项。相反，需要手动编写渲染函数，或使用单文件组件 (.vue) 进行开发。

使用codesandbox.io

也可以使用codesandbox.io创建项目。

• 打开 codesandbox.io 并创建一个新项目。
• 在 "Dependencies" 中搜索 "vue" 并添加相应的版本。
• 在代码编辑器中，创建一个 Vue 实例，并设置 el 属性为要挂载的元素。
• 在 JavaScript 部分，可以使用模板字符串编写模板，或使用 render 函数编写渲染逻辑。
• 在 HTML 部分，可以使用模板字符串编写模板，或在挂载的元素中直接写 HTML。
• 单击运行按钮，查看效果。也可以下载到本地。

总结

最好是使用运行时版，然后配合vue-loader和.vue文件来实现项目。 这样可以使用户下载的Js文件体积更小，对于开发者而言，可以直接在.vue文件里面写HTML标签，而不写render函数，让vue-loader把vue文件里的HTML转为render函数。