浅析两种构建版本Vue的区别

in 网站建设
关注公众号【好便宜】( ID:haopianyi222 ),领红包啦~
阿里云,国内最大的云服务商,注册就送数千元优惠券:https://t.cn/AiQe5A0g
腾讯云,良心云,价格优惠: https://t.cn/AieHwwKl
搬瓦工,CN2 GIA 优质线路,搭梯子、海外建站推荐: https://t.cn/AieHwfX9

本文主要介绍Vue两个不同构建版本的区别,以及编写代码的最佳实践。

作者:王二狗
座右铭:告诫自己,即使再累也不要忘记学习,成功没有捷径可走,只有一步接着一步走下去。

完整版和运行时版

打开Vue的官网,你会发现有Vue有两种不同的构建版本,Vue官方对两种不同构建版本的解释是这样子的:

两种版本 UMD CommonJS 基于构建工具使用 直接用于浏览器
完整版 vue.js vue.common.js vue.esm.js vue.esm.browser.js
运行时版 vue.runtime.js vue.runtime.common.js vue.runtime.esm.js

两种版本的区别

比较列 完整版 运行时版 评价
特点 有compiler 没有 compiler 完整版体积较大,其中仅compiler就占整个文件40%大小
视图 写在HTML中或者写在template选项中 写在 render 函数里,用 h 来创建标签 h 是尤雨溪写好传给 render 的
CDN引入 vue.js vue.runtime.js 文件名不同,生成环境后缀为 .min.js
webpack 引入 需要配置 alias 默认使用此版本 尤雨溪所配置
@vue/cli 引入 需要额外配置 默认使用此版本 尤雨溪蒋豪群所配置

最佳实践:总是使用非完整版,然后配合vue-loader 和 vue 来进行使用。

思路

你的点赞是我持续分享好东西的动力,欢迎点赞!
关注公众号【好便宜】( ID:haopianyi222 ),领红包啦~
阿里云,国内最大的云服务商,注册就送数千元优惠券:https://t.cn/AiQe5A0g
腾讯云,良心云,价格优惠: https://t.cn/AieHwwKl
搬瓦工,CN2 GIA 优质线路,搭梯子、海外建站推荐: https://t.cn/AieHwfX9
扫一扫关注公众号添加购物返利助手,领红包
Comments are closed.

推荐使用阿里云服务器

超多优惠券

服务器最低一折,一年不到100!

朕已阅去看看