前言

我在当初学习vue的时候，就有一个问题，那就是什么是runtime？在看学习视频的时候，就总能听到什么runtime版本，compiler版本，巴拉巴拉的。。。
今天我就好好的查了一下，到底什么是runtime，什么是compiler！
在此记录一下！

一、runtime

首先，runtime翻译过来就是运行时，在我找到的许多资料里显示，runtime版本没有编译器，不能使用template，只能使用render函数来渲染。但是有一件事是，我们用的时候是使用了template了啊，那也没有报错啊
那是因为runtime版本里，配合使用了vue-loader，在webpack打包时，利用vue-loader来将template转化为了render函数
其次，因为没有编译器，所以runtime版本她体积小啊，适合浏览器更快的加载使用，而且vue默认使用runtime版本的

二、compiler

compiler版本翻译过来就是编译器，带有编译器的版本，可以使用template，编译器会把template转化为html
由于带有编译器，体积就变大了，当然加载起来就会变慢
但是有一个疑问了，既然平时写vue的时候，是默认用runtime版的，而且也能使用template，那什么场景适用于使用编译器版本呢？
常用于cdn引入模式,这种模式由于需要解析模板，所以需要引入完整版的vue
总之一句话，需要编译器进行解析模版的地方就使用compiler版本，不需要的就使用runtime版本

总结

总结一下：
1、runtime版本没有编译器
2、runtime版本比compiler版本体积小
3、runtime版本时vue默认版本
4、runtime版本本来不能使用template，但是由于使用webpack打包，所以配合vue-loader，将template转化为html
5、可以自己指定到底使用哪个版本，按需使用

vue的runtime相关推荐

了解vue里的Runtime Only和Runtime+Compiler
在我们使用vue-cli的时候,会提示你安装的版本可以看到有两种版本: Runtime Only 版本和 Runtime+Compiler 版本. 1.Runtime Only 我们在使用 Run ...
vue 源码学习(二) 实例初始化和挂载过程
vue 入口从vue的构建过程可以知道,web环境下,入口文件在 src/platforms/web/entry-runtime-with-compiler.js(以Runtime + Compil ...
app vue 真机运行_uni-app黑魔法：小程序自定义组件运行到H5平台
引言移动互联网的初期,囿于设备硬件性能限制,流量以原生App为主,iOS.Android是当时两大平台. 随着硬件及OS的更新换代,H5可承载的体验逐步完善,为提高开发效率.节约资源(复用代码)以及 ...
mpvue 微信小程序_使用Vue.js开发微信小程序：开源框架mpvue解析
戳蓝字"CSDN云计算"关注我们哦! 作者 | 成全责编 | 阿秃转自 | 美团技术团队企业博客前言 mpvue是一款使用Vue.js开发微信小程序的前端框架.使用此框架,开 ...
vue 开发环境搭建
1.创建vue项目 1.node js 生成项目,编译项目 2.hbuilder 开发环境 1.下载安装node js http://nodejs.cn/download/ 确认是否安装成功如果安装 ...
vue开发小程序Demo
1-准备电脑安装好node.js环境,安装好npm,安装好微信web开发者工具,选择一款你喜欢的编辑器,我用的是WebStorm 2-打开webStorm,新建一个项目空间然后在终端执行以下命令,我 ...
用Vue.js开发微信小程序：开源框架mpvue解析
前言 mpvue 是一款使用 Vue.js 开发微信小程序的前端框架.使用此框架,开发者将得到完整的 Vue.js 开发体验,同时为 H5 和小程序提供了代码复用的能力.如果想将 H5 项目改造为小程 ...
Vue.js 2.5 发布，而这个会玩的团队已经自研出用 Vue 开发小程序的框架了
在尤大微博铺垫着"将会引入一些关于 TypeScript 的改进"一周之后,代号为 Level E 的 Vue.js 2.5 带着日漫风来到了我们眼前.从 Release Note ...
使用 Vue.js 和 Flask 实现全栈单页面应用
原文链接: codeburst.io 在本教程中,我将向大家展示如何使用前端的 Vue.js 单页面应用和后端的 Flask 进行交互. 如果你只是想使用 Vue.js 库和 Flask 模板基本上是 ...

vue的runtime

文章目录

前言

一、runtime

二、compiler

总结

vue的runtime相关推荐

最新文章

热门文章