位置: 编程技术 - 正文

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表单事件有哪些)

  • 劳务费个人所得税税率表2023最新
  • 企业所得税季报和年报的区别
  • 跨区域涉税事项反馈表怎么填
  • 企业所得税几大税种
  • 电子税务局怎么登录
  • 季度预交所得税多年末应交少怎么计提
  • 短期投资会计科目编码
  • 个税按照计提申报怎么调整
  • 出售无形资产净收益是收入吗
  • 冲销暂估入库如何做会计核算?
  • 以前年度记错的费用怎么调整?
  • 预缴增值税 已交税金
  • 甲供材的范围
  • 发票开具提示
  • 金税盘在电脑上怎么打开
  • 股票收入要交税的后果有哪些
  • 注销公司税务一年几次
  • 未办理三证合一营业执照会注销吗
  • 补缴税款罚款
  • 年终一次性奖金个税计算
  • 如何界定企业所得税的不征税收入与应税收入
  • 填写a201030减免所得税优惠明细怎么填
  • 城建税教育附加税的会计分录
  • 房租收入如何结转成本
  • 企业账面库存过大应怎样处理好
  • 6月 全新windows
  • 研发费用的归集范围
  • 两处发工资,如何合并
  • 手撕定额发票能不能报销
  • 优先股分类为金融负债
  • 苹果充电宝怎么验真假
  • 应收存款利息计入什么科目
  • 房产置换是什么
  • git可以管理二进制文件吗
  • 收到员工罚款分录怎么记账
  • 知乎百万大v
  • 固定资产投资账务处理
  • php运算符号
  • 境外服务费代扣代缴所得税计算
  • php str_split
  • 网络分割算法
  • 3分钟认识Vue3的v-model
  • 其他综合收益在报表中的位置
  • 详解九章算法
  • 中药饮片增值税率是多少
  • mongotemplate 分页查询
  • 个人餐饮费发票
  • 废旧物资处理的税金
  • 管家婆怎样月末结账?
  • 领用自产应税消费品用于财务人员职工福利
  • 专款支出和事业支出
  • 坏账准备的计提方法有哪些
  • 电脑配件入账
  • 报销冲抵什么意思
  • 营业外支出会导致所有者权益减少吗
  • 微信收款计入现金流量吗
  • 如何开发票?
  • 公司向职工借钱怎么做账
  • dnssne是什么意思
  • mssearch.exe - mssearch是什么进程 有什么用
  • pavmail.exe - pavmail进程是什么文件 有什么用
  • win10系统怎么设置电脑密码
  • opengl光照设置
  • 深入理解javascript pdf
  • 批处理文件夹内文件名
  • 不通过肾门的结构都有什么
  • python日历查询系统
  • 虚拟现实国内做的最好的
  • linux编写一个脚本
  • python中str的用法
  • js数组如何定义
  • pygame rect.move
  • shell 1
  • fragment中嵌套fragment
  • Vuforia How To Use Android Plugins in Unity Apps
  • 报废车税务怎么处理
  • 湖南国税电子税务局网
  • 江阴市税务局电话号码
  • 小微企业减半征收房产税
  • 广东发票查验平台下载
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设