vue初探－组件注册的两种方式

最新推荐文章于 2022-04-21 18:04:32 发布
最新推荐文章于 2022-04-21 18:04:32 发布
阅读量784 收藏 1
点赞数
分类专栏： vue 文章标签： webapp
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_14823401/article/details/62427882
版权

以下例子均基于官网的起始模版

vue注册分为两种方式：

1、全局注册：

故名思意就是注册一次，各个组件都可以使用，在main.js里面进行注册，方式如下:


2、局部注册：

就是在.vue中的组件里面注册，不是全局的，在哪里注册就只能在哪用，注册方法如下:



静思行
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Vue.js组件注册
wunianisme的博客
04-05 310
组件是Vue.js最推崇的，也是最强大的功能之一，核心目标是为了可重用性高，减少重复性的开发。 组件有两种注册方式：全局注册和局部注册。 全局注册 Vue.component('my-component',MyComponent) 如上所示，第一个参数是注册组件的名称（在HTML中可以使用组件：</my-component）；第二个参数是组件的构造函数，它可以是Function，也可以是O...
Vue注册组件的几种方式,你都知道吗?
weixin_64252848的博客
04-06 1万+
在开发中,经常需要将业务进行组件化,我们就需要去注册组件,下面列举几种常用的注册组件的方法 局部注册组件 1.首先需要将要注册的组件进行引入 2.在script标签中进行注册,注意:组件注册的名字和引入的名字需要保持一致即可进行简写 3.在template标签中以html的标签格式进行使用 全局注册组件 1.全局入口在main.js, 在new Vue之上注册 2.将要注册的组件进行引入 3. 全局 - 注册组件 语法:Vue.component("组...
Vue----组件注册
emmmm.....
04-21 6379
文章目录组件的注册1.1 注册组件的两种方式1.2 全局注册组件1.3 使用全局注册组件1.4 局部注册组件1.5 全局注册和局部注册的区别1.6 组件注册时名称的大小写1.7 通过 name 属性注册组件 组件的注册 组件之间可以进行相互的引用。 vue 中组件的引用原则：先注册后使用。 1.1 注册组件的两种方式 vue 中注册组件的方式分为“全局注册”和“局部注册”两种，其中： 被全局注册的组件，可以在全局任何一个组件内使用 被局部注册的组件，只能在当前注册的范围内使用 1.2 全局注册组件 /
注册全局组件的两种方式
weixin_48837605的博客
08-17 4022
1.注册全局组件的原因: 在项目中会多次使用 2.公共的.vue的文件要写入哪里? src/components下 3.在项目的任意组件中直接使用 4.注册的方式 一.传统方式 步骤: 1.定义一个.vue的组件,要预备作为全局组件 2.在main.js中导入这个组件 import XXX from "路径" Vue.component("名字要是字符串的格式",XXX) 3.就可以...
vue注册组件的几种方式
JiangZ的博客
07-28 1万+
1、全局注册(这种方式注册组件必须在vue实例化之前声明)Vue.component('tag-name',{})2、局部注册var Child = { template: '<div>A custom component!</div>' } new Vue({ // ... components: { // <my-component> 将只在父模板可用 'my-com
vue-cron_vue-cron_vuecrond组件_vuecron_
10-04
Vue-Cron旨在提供一种直观的用户界面，让用户能够通过图形化的方式设置复杂的Cron表达式，从而实现定时任务的配置。 Cron表达式是一种在各种操作系统中广泛使用的定时任务调度格式，它由7个字段组成，每个字段代表...
详解vue-router传参的两种方式
01-19
Vue Router 是 Vue.js 官方的路由管理器。它和 Vue.js 的核心深度集成，让构建单页面应用变得易如反掌。...vue-router传参两种方式：params和query params、query是什么？  params：/router1/:id ，/router1/1
前端html利用http-vue-loader以组件方式引入vue文件
06-15
Vue Loader 是一个 webpack 的 loader，它允许你以一种名为单文件组件 (SFCs)的格式撰写 Vue 组件： http-vue-loader 这套工具可提供开发者直接在网页环境中载入 .Vue File，无需透过 nodeJS 环境编译，也不需要 ...
vue-tags-input组件使用指南(推荐)
10-15
Vue Tags Input组件是一种用于在Vue.js应用程序中实现标签输入功能的第三方组件。它以其小巧的体积、易用性以及丰富的自定义选项而受到推崇。在本文中，我们将深入探讨如何使用这个组件，以便在你的项目中高效地实现...
vue-doc-preview:Vue文档预览组件
05-06
vue-doc-preview vue文档预览组件，此组件将在页面上显示文档的内容。 英文自述文件|用进口首先，从yarn或npm添加此程序包。 yarn add vue-doc-previewornpm i vue-doc-preview --save然后，将此组件导入.vue文件。 ...
vue注册组件的几种方式总结
08-27
下面小编就为大家分享一篇vue注册组件的几种方式总结，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
Vue-注册全局组件的两种方法
热门推荐
crystal_iwwish的博客
12-22 2万+
第一种：在main.js中直接注册 // 引入 import PageTools from '@/components/PageTools' // 注册为全局组件 Vue.component('PageTools', PageTools) 缺点：如果我们需要注册的全局组件非常多，我们需要一个一个引入，然后分别调用Vue.component方法，main.js文件会变的很大，不好维护。 第二种：使用插件的形式注册 在统一注册的入口文件 中 // 引入 import PageTools from './Pa
组件注册两种方法
weixin_30800807的博客
01-27 937
全局注册和局部注册组件的方法如下： 1、在main.js中注册 2、在局部组件注册 区别在于可使用的范围不同 转载于:https://www.cnblogs.com/toonezhr/p/10325477.html...
VueJs(8)---组件（注册组件）
a8892117的博客
05-05 173
组件（注册组件） 一、介绍 组件系统是Vue.js其中一个重要的概念，它提供了一种抽象，让我们可以使用独立可复用的小组件来构建大型应用，任意类型的应用界面都可以抽象为一个组件树 那么什么是组件呢？ 组件可以扩展HTML元素，封装可重用的HTML代码，我们可以将组件看作自定义的HTML元素。 二、如何注册组件 Vue.js的组件的使...
vue基础混入方法
qq_28395503的博客
08-22 1283
vue复用性--混入解析例子选项合并全局混入自定义选项合并策略 解析 混入 (mixin) 提供了一种非常灵活的方式，来分发 Vue 组件中的可复用功能。一个混入对象可以包含任意组件选项。当组件使用混入对象时，所有混入对象的选项将被“混合”进入该组件本身的选项。 例子 Test.js文件：导出对象 export default { created: function () { ...
Vue自定义组件及组件的注册方法
sunny_day的博客
05-16 1万+
为了能在模板中使用，这些组件必须先注册以便 Vue 能够识别。这里有两种组件的注册类型：全局注册和局部注册。至此，我们的组件都只是通过Vue.component全局注册的：Vue.component('component-name', { // ... options ... })该组件名Vue.component就是的第一个参数。注册分为全局注册和局部注册：1.全局注册：全局注册的组件可以用...
Vue 创建组件的两种方法
cofecode的博客
07-07 1万+
创建组件方法var child=Vue.extend({})var parent=Vue.extend({})Vue.extend() 全局方法 生成构造器，创建子类使用基础 Vue 构造器，创建一个“子类”。这样写非常繁琐。于是vue进行了简化使用Vue.component()直接创建和注册组件：Vue.component(id,options) 全局方法 用来注册全局组件id 是strin
vue中组件的注册方式
yinge0508的博客
10-22 534
ss
vue组件的注册
jianggeye7485的博客
08-18 128
一、组件的注册 组件之间可以进行相互引用
vue3-virtual-scroller组件的安装
最新发布
04-28
vue3-virtual-scroller是一个用于Vue.js 3的虚拟滚动组件，它可以提高大型列表的性能和渲染效率。要安装vue3-virtual-scroller组件，您可以按照以下步骤进行操作： 1. 首先，确保您已经在项目中安装了Vue.js 3。...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值