vue的完整版和运行时版的区别

时间: 2020-06-11阅读: 111标签: vue

完整版和运行时版

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

  • 完整版:同时包含编译器和运行时的版本(编译器:用来将模板字符串编译为js渲染函数代码

  • 运行时:用来创建vue实例,渲染并处理虚拟DOM等的代码,基本上就是出去编译器的其它一切。

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

两种版本的区别

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

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

思路

  • 保证用户体验,用户下载的 JS 文件体积更小,但只支持 h 函数

  • 保证开发体验,开发者可直接在 vue 文件里面写 html 标签,而不写 h 函数

  • 脏活累活让 loader 做,vue-loader 把 vue 文件里面的 html 转为 h 函数


站长推荐

1.云服务推荐: 国内主流云服务商,各类云产品的最新活动,优惠券领取。地址:阿里云腾讯云华为云

2.广告联盟: 整理了目前主流的广告联盟平台,如果你有流量,可以作为参考选择适合你的平台点击进入

链接: http://www.fly63.com/article/detial/9351

Vue高版本中一些新特性的使用

Vue高版本中一些新特性的使用:深度作用选择器、组件配置项inheritAttrs、组件实例属性$attrs和$listeners、组件选项 provide/inject、作用域插槽 slot-scope、Vue的错误捕获

对Vue.js的认知

MVVM是Model-View-ViewModel的缩写。MVVM是一种设计思想。Model 层代表数据模型,也可以在Model中定义数据修改和操作的业务逻辑;View 代表UI 组件,它负责将数据模型转化成UI 展现出来,ViewModel 是一个同步View 和 Model的对象。

Vue项目打包常见问题整理

Vue 项目在开发时运行正常,打包发布后却出现各种报错,这里整理一下遇到的问题,以备忘。js 路径问题、img 路径问题、favicon.ico 问题、IE9+ 兼容性问题、禁止生成 .map 文件

vue watch监听对象的使用_实现首次不触发、深度监听

vue中的watch是一个对象,所以一定要当成对象来用,它有键-值组成,其中键就是你要监控的那个数据。这篇文章介绍:vue如何实现首次不触发watch,vue如何实现数据的深度监听?

Vue基于snabbdom做了哪些事

Snabbdom 核心代码大约只有 200 行。它提供了模块化架构,具有丰富的功能,可通过自定义模块进行扩展。在了解核心 patch 前,需要先了解 snabbdom 的模块化架构思想。

vue介绍

库是一种插件,是一种封装好的特定方法的集合。提供给开发者使用,控制器在使用者手里。框架是一套架构,会基于自身特定向用户提供一套相当完整的解决方案,控制权在框架本身

Vue.use到底是什么?

我们在使用Vue做项目开发的时候,看到不少轮子都是通过Vue.use来进行使用,感觉甚是高大上。不过Vue.use到底是什么鬼?不妨来看个究竟。

vue与后台交互ajax数据

Vue.js是一套构建用户界面的渐进式的前端框架。 vueJS与后台交互数据的方法我所了解的有以下几种

Vue 3.0 将从头开始重写!

Vue.js 伦敦大会上,Vue.js 作者尤雨溪简要介绍了 Vue 下一个主要版本要发布的内容,不久前,尤雨溪在 medium 个人博客上发布了 Vue 3.0 的开发路线,我们不妨看看 Vue 3.0 将会有怎样的发展。

Vue常用经典开源项目汇总参考-海量

本文主要是收集与整理Vue相关的开源资料,以供需要的朋友参考。主要包含以下几方面的内容:UI组件、开发框架、实用库、服务端、辅助工具、应用实例、Demo示例

点击更多...

内容以共享、参考、研究为目的,不存在任何商业目的。其版权属原作者所有,如有侵权或违规,请与小编联系!情况属实本人将予以删除!

文章投稿关于web前端网站点搜索站长推荐网站地图站长QQ:522607023

小程序专栏: 土味情话心理测试脑筋急转弯幽默笑话段子句子语录成语大全运营推广