位置: 编程技术 - 正文

Vue官方文档梳理之全局配置(vue3官方文档)

编辑:rootadmin

推荐整理分享Vue官方文档梳理之全局配置(vue3官方文档),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:vue的官方文档,vue2.0文档,vue docs,vue官方文档下载,vue3.x文档,vue官方文档下载,vue的官方文档,vue2.0文档,内容如对您有帮助,希望把文章链接给更多的朋友!

本文主要介绍了Vue官方文档梳理之全局配置,分享给大家,也给自己留个笔记。具体如下:

optionMergeStrategies

用于自定义选项的合并策略,Vue已经预定义了一些自己配置项的合并策略,如下图所示。

比如props、methods、computed就是同一个策略:子配置项会覆盖父级配置项。源码如下:

什么时候才会用到这些配置的合并规则呢?查阅源码,发现只要调用mergeOptions时,就会用到上面的策略。总结下来有以下几种场景:

使用了 Vue.mixin 或 mixins 配置项 使用了 Vue.extend 或 extends 配置项或Vue.component(背后实际上是调用了Vue.extend) new Vue() 或 new Vue.extend()

单独使用一个时,也会触发合并规则,但是只会有child包含配置项,所以不需要合并。只有当多个一起使用时,比如 Vue.compeont 和 extends 、mixins 配置项一起使用,这个时候就parent和child都会有相同的配置项,这时候也才有所谓的合并,举个完整的例子来说明上述的场景。

控制台打印如下:

按顺序解释如下:

undefined "Vue.extend"合并 Vue.options 和 extendOptions undefined "Vue.component"合并 Vue.options 和 extendOptions undefined "extends"extends配置项合并先于mixins,此时合并的是 Vue.options 和extends配置,因此toVal是undefined extends mixins完成了extends合并,接着就是mixins,此时 Vue.options 上已经包含了extends的配置项,因此 toVal 是extends,fromVal就是mixins。最终合并后的值:extends&mixins extends&mixins newVue完成了extends和mixins后,最终合并vm.constructor和实例的options extends&mixins&newVue最终合并后的 customOption 的选项值

devtools

Vue官方文档梳理之全局配置(vue3官方文档)

离线下载chrome 扩展地址(不需要梯子): 涉及到执行用户配置的地方都放在 try catch 中,因此即使你 throw 抛出错误,整个实例也不会挂。

ignoredElements

首先要理解忽略的到底是什么?是元素本身还是包括元素里的内容(就像v-pre一样),首先要知道这个配置的背景,官网举了Web Components APIs(以下简称WCA)的例子,WCA和Vue.component一样,也可以自定义元素,不过这个目前还是个草案。那么对于Vue来讲,元素就可以分为:HTML原生元素,Vue自定义元素,WCA自定义元素。那么对于一个元素,Vue的判断顺序:原生 > Vue自定义 > ignoredElements > 无法识别,对于无法识别的Vue会假定你可能把Vue自己定义元素拼错了,因此会发出Unknown custom element的警告。另外:

Vue定义和HTML标签同名的元素是无效的,比如定义Vue.compoent('header',{}) ignoredElements包含Vue定义的元素是无效的 WCA自定义元素可以被构建虚拟dom

performance(2.2.0+)

只能在开发版上使用。caniuse上查询 performance 可知主流浏览器都已经支持,这个可以用于分析Vue组件在不同阶段中花费的时间,进而知道哪里可以优化。查看源码,发现在以下阶段加上了performance.measure。

performance.measure((组件名+ " render"), startTag, endTag); performance.measure((组件名+ " patch"), startTag, endTag); performance.measure((组件名 + " init"), startTag, endTag); performance.measure(((组件名 + " compile"), 'compile', 'compile end');

比如在谷歌浏览器中查看自定义组件Vue.component('my-component')的各个阶段花费的时间:

在 IE 中查看

productionTip(2.2.0+)

对于开发版本,会默认向控制台打印:

设置为false就不再显示。

标签: vue3官方文档

本文链接地址:https://www.jiuchutong.com/biancheng/377428.html 转载请保留说明!

上一篇:vue.js开发实现全局调用的MessageBox组件实例代码(vue.js 开发工具)

下一篇:Javascript的表单与验证-非空验证(js表单事件有哪些)

  • 个人出售二手房要交增值税吗
  • 预缴增值税的销售额怎么填
  • 税控盘为什么要年年交服务费
  • 以前损益年度调整
  • 个人所得税六项专项附加扣除是什么
  • 企业所得税季度预缴
  • 个人所得税孩子小学升初中要修改吗?
  • pos机手续费开什么发票啊
  • 虚开增值税发票的涉税风险如何防范
  • 行政单位收入支出结转
  • 全年一次性奖金计税方式2023
  • etc开了充值发票还可以开消费发票么?
  • 公司没有缴纳住房公积金离职能要求补缴吗
  • 交通补贴可以抵扣个税吗
  • 小规模纳税人一年不超过多少万
  • 增值税预缴税需要申报吗
  • 签订几年合同每年都要缴纳印花税吗?
  • 税务局代增值税专用发票盖什么章
  • 业务招揽方式
  • 转出未交增值税在借方是什么意思
  • 当进项大于销项需要做账务处理吗?
  • 进项税在即征即退吗
  • 增值税专用发票有效期是多长时间
  • 存货跌价准备怎么计提
  • 运输费用入成本还是销售费用
  • 以前年度多计提的附加税怎么调账
  • 查看电脑系统版本
  • 收到人才引进补助会计分录
  • Win10 Build 19043.1147 (21H1)预览通道更新补丁KB5004296(附完整更新日志)
  • 电脑桌面调出键盘
  • 一只猫在花园里英语
  • 学生兼职收入按什么交个税
  • 存货盘盈如何记账
  • 公司购垃圾袋怎么做账
  • 【小沐学C++】C++ MFC中嵌入web网页控件(WebBrowser、WebView2、CEF3)
  • 攻防世界web高手题答案
  • sudo命令功能
  • 创建rpm包
  • 销售旧货和销售使用过的物品税率
  • 浏览器任意链接在哪里
  • 所得税预缴申报表
  • 已经提完折旧的房产价值评估
  • 电子发票开出后如何查看
  • 出租车发票上没有税务局的印章能报销么
  • sqlserver2008安装完在哪打开
  • 2021年废铁回收
  • 盘盈盘亏的定义
  • 跨月的增值税普通发票能作废吗
  • 2021年村级财务管理要点
  • 法人和税务可以是一个人吗
  • 其他权益工具投资出售时账务处理
  • 母公司无偿借款给子公司
  • 外币支付账户
  • 收到预收款并已付款
  • 建筑行业怎么确认收入
  • 银行信贷人员岗位职责
  • 日记账自动生成
  • mysql允许字段为空
  • win2008r2安装ftp
  • 64位VMware虚拟机系统打不开怎么办?
  • Win10预览版怎么变回正式版
  • xp系统文件损坏怎么修复
  • winxp网络设置在哪
  • 苹果电脑打不开txt
  • win10在哪里更改用户名
  • win10添加功能在哪
  • 批处理系统的应用场景
  • perl编程
  • glsl编译
  • jquery的点击事件怎么写
  • 基于javascript的毕业设计
  • nodejs mysql orm
  • jquery实现分页功能
  • 安卓手机管家在哪里打开
  • javascript中的数据类型分为两大类
  • 汕头市国税局公务员待遇
  • 江苏常州税务局电话人工服务电话
  • 四川省地方税务局2017年1号公告
  • 一般纳税人开具的增值税普通发票和专用发票的区别
  • 环保税2018年开征文件
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设