全局注册和局部注册的区别

最新推荐文章于 2024-05-06 14:43:24 发布
最新推荐文章于 2024-05-06 14:43:24 发布
阅读量616 收藏
点赞数
分类专栏： Vue学习笔记 文章标签： vue.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Czy010506/article/details/127936177
版权

1.全局注册的组件

可以在全局内的任何一个组件里去引用

2.局部注册的组件

只能在当前注册的范围内使用

3.应用场景

  • 开发期间使用频率高的组件，使用全局注册
    • 按钮组件
    • 轮播图组件
  • 在特定情况下使用的组件，使用局部注册

4.demo

4.1.目录

4.2.组件引用

注册 Swiper.vue和Test.vue 为全局组件，Search.vue为局部组件

那么Test.vue组件中，可以引用Swiper.vue组件，不能引用Search.vue组件

Search.vue组件在App.vue里注册，在当前范围内可以使用

参考

 

WhitePig.
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
vue 组件：全局注册和局部注册
weixin_41796631的博客
04-13 4167
全局组件: 如果想组件在任何地方都能应用，我们就需要注册全局组件 局部组件: 局部组件要挂载到实例元素（在实例中定义组件）上，否则没有效果 全局注册方式: //注册 Vue.component('component-a',{ template:'<div>我是全局注册的组件aaa</div>'}) new Vue({ el: '#app' }) //全局使用。...
Vue全局注册与局部注册异同点
一起coding，一起嗨。
06-18 1879
一、注册位置不一样 全局注册写在src/main.js里边 局部注册写在src/App.vue 二、语法不一样 全局注册 Vue.component('myheader',header), Vue.component('mycontent',content), Vue.component('mybottom',bottom), 局部注册 export default { name: 'app', components:{ 'myheader':Header, 'my
Vue全局组件和局部组件的注册
m0_60496430的博客
03-03 5013
Vue全局组件和局部组件的注册
普通组件的注册-局部注册和全局注册
最新发布
m0_74462339的博客
05-06 339
组件注册有两种方式：局部注册：只能在注册的组件内使用。使用方法：创建.vue文件，在使用的组件内导入并注册。全局注册：所有组件内都能使用。使用方法：创建.vue文件，在main.js中进行全局注册。这两种注册方式的区别在于：它们的使用范围不同。
vue 组件化 全局和局部组件
放弃很容易，坚持很难。
09-16 465
vue 组件化 全局和局部组件
window.onload与body onload （一）
shifengkuaile的专栏
07-27 355
一、body.onload 1.1onload的基本格式： &lt;html&gt; &lt;head&gt; &lt;script type="text/javascript"&gt; function bol(){ alert("body"); } &lt;/script&gt; &lt;/head&gt; &lt;body onload="
vue 组件 全局注册和局部注册的实现
08-27
vue 组件全局注册和局部注册的实现 在 Vue 中，组件注册可以分为全局注册和局部注册两种方式。这两种方式决定了组件的作用域和使用范围。 全局注册 全局注册意味着组件可以在整个应用程序中使用。这种方式通常...
VUE注册全局组件和局部组件过程解析
10-16
主要介绍了VUE注册全局组件和局部组件过程解析,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
详解vue.js全局组件和局部组件
10-20
主要介绍了详解vue.js全局组件和局部组件，实例分析了全局组件和局部的技巧，有兴趣的可以了解一下。
Vue组件化
qq_39182939的博客
03-21 218
在大型应用开发的时候，页面可以划分成很多部分。往往不同的页面，也会有相同的部分。例如可能会有相同的头部导航。但是如果每个页面都独自开发，这无疑增加了我们开发的成本。所以我们会把页面的不同部分拆分成独立的组件，然后在不同页面就可以共享这些组件，避免重复开发。在vue里，所有的vue实例都是组件。 1.全局组件 我们通过Vue的component方法来定义一个全局组件。 <body&gt...
vue全局组件与局部组件的区别与用法案例
hubeilihao的专栏
07-21 1846
Vue全局组件和局部组件的使用及介绍
vue全局组件注册、局部组件注册、全局方法注册
coldriversnow的专栏
04-10 2149
2、新建一个userdata目录 下面有一个index.vue和index.js文件。全局组件：注册之后可以直接在vue文件中使用，但是不太安全，而且会增大文件体积。index.vue文件 是常规的vue文件。就可以直接在vue文件中使用。局部组件：使用之前需要注册。
全局注册组件和局部注册组件个人理解
走在秃头的路上的博客
02-16 2952
刚学vue时候对于全局组件和局部组件有点懵逼，不知道什么时候用全局，什么时候用局部，下面是vue官网的文档，看了文档后，我个人的理解是，全局组件就是用 Vue.component来创建，局部组件就是var 变量名={}来创建的，全局组件可以在任何新创建的实例中使用，也就是这样： new Vue({ el: '#app' }) &lt;div id="app"&gt; &lt;component...
Vue 组件的全局注册与局部注册
程序员大阳
07-19 3760
1. 前言 在Vue工程中，组件是经常使用的可复用模块。 在组件使用之前，需要先注册组件，只有注册了的组件才能使用。 Vue中组件注册有两种方式，全局注册与局部注册。一般来说，项目中引入的组件库，例如Element，因为在各个页面中经常需要调用，所以建议采用全局注册的方式；而我们自己开发的组件，通用性往往没有那么强，所以建议使用局部注册的方式。 接下来，我们就来演示下这两种方式是如何使用的。 2. 开发一个组件 首先，我们开发一个简单的计数器组件，每点击一次按钮，该组件就将显示的数字+1。 在Vue工程的s
全局组件和局部组件
qq_43260366的博客
03-22 3951
1.全局组件和局部组件的区别 全局组件：只需要在main.js中导入一次，整个项目都可以直接使用（在main.js中导入） 局部组件：用一次 导一次 （在用到的地方导入） 2.局部组件导入步骤 // 3部曲 //[1]导入子组件 import Register from './Register.vue' ​ export default { //[2]注册子组件components: { Register }, compontents: { Register }, ...
vue.js组件的全局注册和局部注册详解
热门推荐
ma_hao99的博客
08-11 1万+
1全局注册实例(按照官网的例子下面是代码) &lt;div id="app"&gt; &lt;com-btn&gt;&lt;/com-btn&gt; &lt;com-btn&gt;&lt;/com-btn&gt; &lt;/div&gt; &lt;script&gt; Vue.component('com-btn',{
vue组件局部与全局注册的区别
a1178939617的博客
04-17 515
//局部注册 var mycomponent = new extend({ <!--Vue.extend()是Vue构造器的扩展，调用Vue.extend()我们将创建一个组件构造器--> template:"<div>我是局部注册</>" }) new Vue（{ el:"#app", components:{ ...
组件全局注册和局部注册的讲解
IT学霸
05-01 576
在官网学习vue混入的知识时，找到了一遍很不错的讲解组件注册的文章，正好又把局部注册的知识温习了一遍。 此篇文章再配合官网的讲解组件局部注册的知识，相信这方面的知识就掌握的很全面了。 https://www.cnblogs.com/CyLee/p/8425191.html 官网的：https://cn.vuejs.org/v2/guide/components-registration.ht...
Vue封装的组件全局注册并引用
一只前端小菜鸟
06-26 7847
当vue接触的多了之后，你可能也会到自己封装组件的程度，试想每个页面的功能级模块全部拆分成组件，然后后续请求后台数据传入进去或者自己模拟数据，是多么方便的一件事情。 每当我们需要修改的时候，只需维护那一个功能性组件即可，不需要这个功能了，只需要从页面中删除这个组件的引用即可。 那么废话不多说了，我们来看看如何全局注册并一键引入（类似于element ui的全部引入）。 如何封装组件就不多赘述...
.组件的全局注册和局部注册的认知
04-02
组件的全局注册是指在应用...总之，全局注册和局部注册都可以用于注册组件，但它们的使用场景和范围不同。全局注册适用于需要在整个应用程序中使用的组件，而局部注册适用于只需要在单个组件及其子组件中使用的组件。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值