vue.use内部那些你不知道的事儿(代码片段)

·前端小李 ·前端小李     2023-01-17     196

关键词:

1.Vue.use的作用

Vue.use的作用是注册全局插件 强化Vue的功能  它也可以用来注册全局组件 但是有一个条件 注册的对象中必须提供 install 方法。如果插件是一个函数,它会被作为 install 方法。install 方法调用时,会将 Vue 作为参数传入。什么意思呢?看代码

// import Vue from 'vue'
import PageTools from '@/components/PageTools'
export default 
  install(p) 
    // console.log(Vue)
    console.log(p)
    p.component('PageTools', PageTools)
  


如上面代码我封装了一个组件 提供了一个install方法 并导出了这个对象  vue明确规定必须注册组件必须提供install方法 那么这个p中存储的就是Vue这个参数 如下图我们打印了p===Vue构造器  

结果是true  说明什么? 说明我们可以做很多事情 比如注册组件  或者如下图我在p的原型上添加一个属性 那么在我们的这个项目中的任何一个组件都可以通过原型链的查找方式来查找到这个属性

 

 

在p上也可以注册组件  上图我已经注册了组件怎么使用呢 只需要在main.js使用Vue.use进行注册即可全项目使用

import UseList from '@/components/use'
Vue.use(UseList)

总结:vue.use主要作用是用来注册插件的  如果想要使用它来注册组件 需要提供install方法 vue会自动传入Vue构造器来当做install函数的参数  在install函数内部就可以使用参数来进行全局注册

mq的那些破事儿,你不好奇吗?(代码片段)

????????关注后回复 “进群” ,拉你进程序员交流群????????作者丨因为热爱所以坚持ing来源丨苏三说技术前言最近mq越来越火,很多公司在用,很多人在用,其重要性不言而喻。但是如果我让你回答下面的这些问题... 查看详情

阿里,京东,淘宝,美团,那些你不知道的事儿

B2B即businesstobusiness,2是to的谐音,即企业与企业之间,商家与商家之间,通过互联网进行产品、服务及信息的交换。交易的供需双方都是商家(或企业、公司)。如:阿里巴巴就是这种模式的一家公司。 B2C即businesstocustomer,... 查看详情

那些你不知道的炫酷导航交互效果(代码片段)

基于上次发布的那些你不知道的炫酷按钮交互效果反馈比较好,后续将继续收集那些炫酷的交互效果,希望可以给你的项目添砖加瓦,更上一层楼。那些你不知道的炫酷交互效果系列:那些你不知道的炫酷按钮交互效果那些你不... 查看详情

关于数据标注行业有些你不知道的事儿(代码片段)

一位在觉醒向量做数据标注的员工说:正如别人评论的那样,我们的工作的确很像数字世界的建筑工人,但是我们在扮演着很重要的角色,因为没有我们,AI这栋摩天大楼就无法建成。大数据作为一个术语而言,其历史可能并不... 查看详情

粪菌移植的背后,肠道菌那些你不知道的事儿

近日16岁男孩通过粪菌移植治疗自闭症的新闻刷到了热搜上,估计很多人看到这则消息,惊讶至极,粪菌移植?把别人的粑粑弄进自己肚子里?听起来就超级重口啊!很多人好奇到底是怎么将健康人的粪菌... 查看详情

es5和es6那些你必须知道的事儿(代码片段)

ES5和ES6那些你必须知道的事儿ES5新增的东西二、对象方法  1、Object.getPrototypeOf(object)   返回对象的原型functionPasta(grain,width)this.grain=grain;this.width=width;varspaghetti=newPasta("wheat",0.2);varproto=Object.getPrototypeO 查看详情

字符串,那些你不知道的事(代码片段)

 Everythingyouthoughtyouknewaboutstringsiswrong.也许你会诧异,字符串有什么难的,即便遇到乱码的情况随便Google下就能找到解决方法,但是这样你不觉得有种被动的感觉嘛,我觉得和学习任何东西一样,学习编程首要是学习其思想,... 查看详情

vuex那些事儿

一、vuex的引用方法1、用script标签<scriptsrc="https://unpkg.com/vuex"></script>2、npm安装cnpminstallvuex//在js文件引入varVue=require(‘vue‘)varVuex=require(‘vuex‘)Vue.use(Vuex)  查看详情

那些你不知道的kotlin冷知识(代码片段)

Lambda表达式Lambda固然好用,但是你知道Kotlin是如何实现的吗?kotlin代码funfoo(item:Int)=print(item)转换为java字节码@NotNullpublicfinalFunction0foo(finalintitem)return(Function0)(newFunction0()//$FF:syntheticm 查看详情

springcloudzuul那些你不知道的功能点(代码片段)

本文摘自于《SpringCloud微服务入门实战与进阶》一书。1./routes端点当@EnableZuulProxy与SpringBootActuator配合使用时,Zuul会暴露一个路由管理端点/routes。借助这个端点,可以方便、直观地查看以及管理Zuul的路由。将所有端点都暴露出来... 查看详情

promise的那些事儿(代码片段)

在JavaScript中,异步操作非常多见,然而在Promise之前,我们是在类似以下的做法中处理多重异步回调,每一层里都要调另一个异步函数,形成了所谓的“回调地狱”,Promis是为了解决回调地狱的方案,是一种链式操作。什么是Promis... 查看详情

你不知道的线程池构造方法的那些趣事?(代码片段)

(手机横屏看源码更方便)注:java源码分析部分如无特殊说明均基于java8版本。简介ThreadPoolExecutor的构造方法是创建线程池的入口,虽然比较简单,但是信息量很大,由此也能引发一系列的问题,同样地,这也是面试中经常被问... 查看详情

那些你不知道的css自定义形状网格布局3(代码片段)

基于CSS自定义网格已发布第一部分和第二部分,本文将开始第三部分探讨更多的奇特自定义形状,与之前的文章一样,核心还是基于CSSgrid,clip和mask来自定义网格形状布局。三部分文章不一定要按照顺序阅读,之间没有强制的关... 查看详情

那些你不知道的css自定义形状网格布局(代码片段)

在正常的开发中,我们会遇到很多元素块排列对齐的需求,如九宫格抽奖,多张图片上传后等分布局预览,微信朋友圈多张图片展示等。这都是正常的正方形很规整的布局。如下所示,如果图像不是完全正方形,而是形状像六边... 查看详情

asp.netcore中间件应用实践中你不知道的那些事(代码片段)

一、概述这篇文章主要分享Endpoint终结点路由的中间件的应用场景及实践案例,不讲述其工作原理,如果需要了解工作原理的同学,可以点击查看以下两篇解读文章:Asp.NetCoreEndPoint终结点路由工作原理解读ASP.NETCORE管道模型及中... 查看详情

jdk源码那些事儿之hashmap.treenode(代码片段)

前面几篇文章已经讲解过HashMap内部实现以及红黑树的基础知识,今天这篇文章就讲解之前HashMap中未讲解的红黑树操作部分,如果没了解红黑树,请去阅读前面的两篇文章,能更好的理解本章所讲解的红黑树源码操作,全文默认... 查看详情

javascript你不知道的事儿

if(in)语句letnames=['Lily','Barry','Dendi','Boogie','Lily'];letnameNum=names.reduce((pre,cur)=>{if(curinpre){//pre中是否有cur属性pre[cur]++;}else{pre[cur]=1;//为pre这个对象添加cur属性,并且赋值为1}returnpre;},{ 查看详情

[android之美]那些你不知道的apk瘦身,让你的apk更小(代码片段)

...#xff0c;减少APK的大小让我们的apk文件尽可能更小,移除那些未使用的代码和资源文件。本章节介绍了如何做到让APK更小,性能更好,下载转化率会更高,以及如何指定在构建APK过程中保留或移除项目中的代码和资源... 查看详情