前端开发：Vue.component()和Vue.use()的对比使用

最新推荐文章于 2024-09-13 09:42:12 发布
置顶 最新推荐文章于 2024-09-13 09:42:12 发布
阅读量1.8k 收藏 8
点赞数 4
分类专栏： 大前端开发常识 文章标签： vue.js javascript 前端
本文为博主原创文章，未经博主允许不得转载。
本文链接：https://blog.csdn.net/CC1991_/article/details/124955391
版权
大前端开发常识 专栏收录该内容
94 篇文章 5 订阅 ¥159.90 ¥299.90
订阅专栏
本文详细介绍了Vue.js中Vue.component()和Vue.use()的使用，包括语法、参数、用法及实战示例。Vue.component()用于注册全局组件，而Vue.use()用于安装插件，它可以一次性注册多个组件或添加全局方法。两者的主要区别在于Vue.use()具有install方法，能执行更复杂的初始化操作。了解它们的适用场景有助于提升前端开发效率。
摘要由CSDN通过智能技术生成

前言

在Vue使用过程中，开发者对于注册插件和注册组件的操作并不陌生，而且也是非常常用的知识点。关于Vue.component()和Vue.use()相关的知识点，不管是在实际开发过程中还是在求职面试中都是非常重要的，那么本篇博文就来分享一下二者的对比使用，方便查阅使用。

注册

在Vue中，一般是注册插件和组件。通过使用Vue.component()来注册组件，使用Vue.use()来注册插件。

 

Vue.component()

1、语法

Vue.component( id, [definition] )

2、参数

  • {string} id  //自定义元素名称，也就是将来会在别的组件中使用该组件的标签名称
  • {Function | Object} [defini
了解本专栏 订阅专栏 解锁全文
三掌柜666
关注
专栏目录
订阅专栏
详解Vue.component和Vue.extend
AeoRus的博客
09-09 1955
写在前面 众所周知，Vue 的灵魂在于: 数据驱动视图 + 组件化，本篇将为大家讲解 Vue组件 的创建，还有与其息息相关的 Vue.extend 方法。 core/global-api/assets.js 在这个文件中定义了 Vue.component 方法，我修改了部分源码便于理解，但准确度不变: Vue.component = function(id, definition) { if (!definition) { return this.options.components[id]
vue-lazy-component：:snail:Vue.js 2.x组件级懒加载方案-Vue.js 2.x组件级延迟加载解决方案
02-06
在压缩包`vue-lazy-component-master`中，可能包含了源码、示例、文档和其他资源，你可以通过查看这些文件深入了解如何集成和使用这个插件。通过合理运用`vue-lazy-component`，开发者能够有效地优化Vue.js应用的...
vue.component和vue.use的用法
xqhys的博客
04-16 1562
转载：https://blog.csdn.net/yanzhi_2016/article/details/85339420 注册全局组件。 使用Vue.component()方法注册全局组件。 第一个参数是自定义元素名称，也就是将来在别的组件中使用这个组件的标签名称。 第二个参数是将要注册的Vue组件。 import Vue from 'vue'; // 引入loading组件 impor...
component 和slot -----vue3
最新发布
牛牪犇
09-13 3万+
vue3中component 和slot的使用
Vue组件——vue.component和vue.use区别、全局组件局部组件注册、使用、区别
秀秀的奇妙旅行
11-29 1万+
组件的基本使用 1、vue.component和vue.use的用法 vue.component和vue.use的用法 Vue.use()怎么用 vue封装一个可以通过api调用的组件 注册全局组件 main文件 import VueQuillEditor from 'vue-quill-editor' // 将富文本编辑器注册为全局组件 Vue.use(VueQuillEditor) import TreeTable from 'vue-table-with-tree-grid' Vue.compone
vue中Vue.use与vue.component的区别
mmmawo的博客
10-22 2406
Vue.use与vue.component的区别 1.Vue.use与vue.component的区别 Vue.use是注册插件,而vue.component是注册组件.差别就像是Vue.use=只能穿戴,vue.component=手机.Vue.use比vue.component更强大,一般是由多个组件组成. 2.vue.use 如何封装 Vue.use 可以接收一个对象 对象obj中需要提供一个 install 函数 在 Vue.use(obj) 时，会...
Vue：关于Vue.prototype、Vue.component和Vue.use的使用详解
Litt_White的博客
02-05 2228
Vue：关于Vue.prototype、Vue.component和Vue.use的使用详解。以及Vue.prototype、Vue.component和Vue.use三者的区别
vue框架中Vue.use()注册与Vue.component()注册的区别
weixin_58384302的博客
10-21 1694
在实际的开发中,我们进行组件和插件的注册时候,发现那些插件和组件有些会推荐我们使用Vue.use()方法进行注册,有些又会推荐我们使用Vue.component(),今天就这两个注册方法来简单的谈一谈个人的理解 一、使用Vue.component()注册 首先我们使用Vue.component()注册的大部分是一些我们需要进行全局运用的自定义,所以我们会到main.js里面进行注册。 Vue.component()里面接收两个参数 第一个参数是自定义元素名称，也就是将来在别的组件中使用这个组件的标签名
vue.global.js，Vue.js 框架的核心文件之一
08-11
`vue.global.js` 文件是 Vue.js 框架的核心文件之...4. 全局混入：使用 `Vue.mixin` 可以在所有组件中混入指定的选项。 5. 全局过滤器：使用 `Vue.filter` 可以定义全局过滤器。 6. 全局插件：使用 `Vue.use` 可以注册
vue-js-toggle-button：Vue.js 2切换开关按钮-简单，漂亮，可自定义
02-06
Vue.js切换/切换按钮。 安装 npm install vue-js-toggle-button --save 进口 导入插件： import ToggleButton from 'vue-js-toggle-button' Vue . use ( ToggleButton ) 要么 导入组件： import { ToggleButton }...
vue-functional-calendar:Vue.js功能日历| 组件包装
05-04
适用于Vue.js的现代日历和日期选择器模块 演示版 演示： 基于Vue.js的轻量级高性能日历组件 内存使用量少，性能好，样式好以及可伸缩性高 本机js开发，未引入任何第三方库 日期选择器，日期范围，多个日历，模式...
v-tostini:Vue.js 2.x的Toast插件
05-12
告诉Vue使用它： Vue . use ( vTostini ) ; 现在，只需将tostini-plate放入您HTML中： 从任何Vue实例调用： this . $tostini ( { message : 'Delicious!' , type : 'success' } ) ; Nuxt.js的用法 您可以...
Vue.prototype、Vue.component和Vue.use的区别
Jialins的专栏
10-19 805
1、Vue.prototype 在很多组件里用到数据/实用工具，但是不想污染全局作用域。这种情况下，你可以通过在原型上定义它们使其在每个 Vue 的实例中可用。 $ 是在 Vue 所有实例中都可用的 property 的一个简单约定。这样做会避免和已被定义的数据、方法、计算属性产生冲突 常用于方法与变量 import pinyin from 'js-pinyin'; Vue.prototype.$pinyin = pinyin; 2、vue.component 注册全局组件， 第一个参数是调
vue.use和vue.component区别
qq_42859450的博客
07-12 463
vue
Vue.prototype、Vue.component和Vue.use区别
qq_47291002的博客
05-01 277
全局注册组件，第一个参数是调用组件时写的组件名，第二个参数是引入组件时写的名称，可用于注册自定义组件。在多个地方都需要使用但不想污染全局作用域的情况下，这样定义，在每个 Vue 实例中都可用。一、Vue.prototype、Vue.component和Vue.use区别。同样是全局注册，和component的区别是接收的参数必须有install方法。$ 表示这是一个在 Vue 所有实例中都可用的属性，常用于方法、变量等。常用于注册第三方插件。
Vue.use和vue.component的区别
weixin_45799605的博客
08-13 480
Vue.use和vue.component的区别
Vue.component、Vue.use和Vue.prototype.$xxx的区别；自定义组件批量注册
weixin_44145962的博客
11-25 1204
使用区别： Vue.component注册.vue文件，Vue.use注册.js文件 Vue.use常用于各种配置文件中进行npm包引入组件的注册，Vue.component只能在main.js文件中进行公用组件注册 Vue.prototype.$xxx用于向对象空间prototype注入所有vue实例公用的方法 注册实质： Vue.component import component from ‘导入组件的路径’ 语法：Vue.component(el-name, component) //el-
vue-trend-chart:Vue.js的简单趋势图
05-11
use ( TrendChart ) ; 例子： < TrendChart :datasets =" [ { data: [10, 50, 20, 100, 40, 60, 80], smooth: true, fill: true } ] " :grid =" { verticalLines: true, horizontalLines: true } " ...
vue.component和vue.use
weixin_68160847的博客
01-14 347
使用Vue.component()方法注册全局组件。 使用Vue.use注册插件。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

三掌柜666

如果对您有所帮助，请支持一下呗

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值