Vue.component

最新推荐文章于 2024-03-17 16:47:11 发布
最新推荐文章于 2024-03-17 16:47:11 发布
阅读量162 收藏
点赞数
分类专栏： vue 文章标签： vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_37671585/article/details/105786579
版权

概念

vue组件获取或注册方法 Vue.component( id, [definition] )
id:组件id，必传参数
definition：可选参数  该参数描述组件实体，不传该参数为获取组件，传入为注册组件

//可显示调用 Vue.extend() 注册组件
Vue.component("mycomponent",Vue.extend())
//当传入一个对象是，vue会自动调用Vue.extend()注册组件
Vue.component("mycomponent",{})
//获取组件时，返回值为组件构造器（也就是组件实例）
const mycomponent = Vue.component("mycomponent")
武世鹏
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
vue.extend与vue.component的区别和联系
10-17
在Vue.js中，`Vue.extend`和`Vue.component`是两个重要的概念，它们分别用于创建自定义组件和全局注册组件。理解它们的区别和联系对于深入学习Vue.js至关重要。 `Vue.extend`是一个方法，用于创建Vue实例的子类。它...
vue.global.js，Vue.js 框架的核心文件之一
08-11
2. 全局方法：如 `Vue.createApp`、`Vue.component`、`Vue.directive` 等，用于定义组件、指令等全局内容。 3. 全局属性：如 `Vue.config` 用于配置全局行为，`Vue.version` 用于获取 Vue 的版本号。 4. 全局混入：...
Vue.component( id, [definition] )
BLOG域名:programb.blog.csdn.net
04-18 641
Vue.component( id, [definition] ) Arguments: {string} id {Function | Object} [definition] Usage: Register or retrieve a global component. Registration also automatically sets the component’s...
Vue.js 组件(component)demo小案例
南北极之间
07-14 629
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>demo</title> <link rel="stylesheet" href="https://cdn.staticfile.org/twitte...
VUE组件component注册后获取不到
zhcwff的专栏
09-30 2951
首先我注册一个组件 Vue.component("item-groceryText",{ template:"&lt;p&gt;这是一个组件&lt;/p&gt;" }); &lt;item-groceryText&gt;&lt;/item-groceryText&gt;  发现页面显示报错，反复确认代码无误。 问题解决： id定义不能有大写 Vue.component("it
vue 组件 Vue.component 用法
ywb201314的专栏
09-09 1826
定义： 组件是可复用的 Vue 实例，且带有一个名字 可以在一个通过 new Vue 创建的 Vue 根实例中，把这个组件作为自定义元素来使用 1. 定义一个新组件。命名为 counter 格式： 1.组件名为"conter"; 2.data 数据属性：写函数; 3.template 模板：写组件的内容（元素和触发的事件） Vue.component("counter",{ //1.组件名为"conter"; 2.data 写函数; 3.template 写组件的内容（..
Vue.component用法
p_utao的博客
08-16 546
用法： Vue.component( id, [definition] ) 参数： {string} id {Function | Object} [definition] 具体参考：https://vuejs.bootcss.com/api/?#Vue-component 案例： <html> <head>Vue.js</head> <body> <div id="app"> <div> <miao>&l
关于vue.extend和vue.component的区别浅析
12-10
最近一个朋友问我vue.extend和vue.component两者之间有什么区别？突然这么一问竟答不出来，回来想想有必要总结下，所以本文就来给大家介绍关于vue.extend和vue.component的区别，下面话不多说了，来一起看看详细的...
Vue.component 讲解
XIAIBIANCHENG的专栏
01-16 2641
Vue.component 用于注册一个组件
vue3中 给组件命名
最新发布
weixin_42479421的博客
03-17 1343
vue3中的组件命名
Vue之Vue.component解析
热门推荐
玉案轩窗的博客
12-01 4万+
前言 本篇文章打算分析梳理下Vue提供的创建组件的方法，打开Vue官网，在API中只有Vue.component和Vue.extend提供组件的创建。 严格意义上是这么说，但是在实际项目中常使用局部注册以及文件即组件这种方式来实现开发，这里先不讨论这种方式背后的处理，主要放在Vue.component和Vue.extend这两个API的逻辑处理。 具体梳理 结合简单实例来梳理下整个的处理逻辑，实例...
Vue.extend、Vue.component与new Vue
weixin_43597801的博客
04-06 670
也就是说不同的vue组件可以共用同一个vue构造，不同的vue实例可以共用同一个vue组件。而Vue.component()实际上是一个类似于Vue.directive() 和 Vue.filter()的注册方法，它的目的是给指定的一个constructor一个String类型的ID，Vue.extend() 是一个继承于方法的 class，参数是一个包含组件选项的对象。之后Vue.js可以把它用作模板，实际上当你直接传递选项给Vue.component()的时候，它会在背后调用Vue.extend()。
获取component组件的name名称
我驾驶汽车从不是为了从A点到达B点，我喜欢去感受汽车，与之交流，与之融为一体。
07-07 2369
此外，this.$options.还可以获取data()、methods、created()、watch等等信息。在组件自身内部console.log(this.$options.name) 可以获取自己的name。sgComponent.name 就是组件的name。方法2：this.$options.name。方法1：component.name。
vue之component
duansamve的博客
04-14 918
组件相当于一个复杂的标签（比如div）。 因为组件是可复用的 Vue 实例，所以它们与 new Vue 接收相同的选项，例如 data、computed、watch、methods 以及生命周期钩子等。仅有的例外是像 el 这样根实例特有的选项。 组件基础： 全局组件：可以在任何（根）实例中使用的组件； 局部组件：只能在某一实例中使用的组件： 一、定义全局组件和局部组件的几种方法： 方...
vue从入门到进阶：组件Component详解（六）
嘿嘿
04-18 1925
一.什么是组件？ 组件 (Component) 是 Vue.js 最强大的功能之一。组件可以扩展 HTML 元素，封装可重用的代码。在较高层面上，组件是自定义元素，Vue.js 的编译器为它添加特殊功能。在有些情况下，组件也可以表现为用is特性进行了扩展的原生 HTML 元素。 所有的Vue 组件同时也都是Vue 的实例，所以可接受相同的选项对象 (除了一些根级特有的选项) 并提供相同的生命周期钩子。 二.注册组件 全局注册 html代码： <div id="example"...
Vue.extend和Vue.component的联系与差异
細水、長流√的专栏
09-13 1301
(function(){   //Vue.extend()会得到一个VueComponent类，VueComponent类是Vue类的子类   var options={   //el:document.createElement('div'), //不能有el选项   template:"&lt;div&gt;测试{{Math.random()}}&lt;...
这几个小技巧，让你书写不一样的Vue！
XZSJ_Front的博客
10-24 471
前言 最近一直在阅读Vue的源码，发现了几个实战中用得上的小技巧，下面跟大家分享一下。 同时也可以阅读我之前写的Vue文章 vue开发中的"骚操作" 挖掘隐藏在源码中的Vue技巧！ 抽丝剥茧般的阅读源码，将$nextTick()拉下神坛！ 隐藏在源码中的技巧 在实例化Vue时，首先调用的是Vue.prototype._init方法，而在此方法中mergeOptions()方法返回的options将运用在所有的初始化函数中。也就是如下代码： vm.$options = mergeOptions( reso
vue子组件方法获取父组件中的参数_Vue组件component基本用法
weixin_39995764的博客
11-21 3078
一、注册组件1、全局组件2、私有组件这是私有组件' } }})二、组件切换 登录 注册 Vue.component('login',{ template:'登录组件'});Vue.component('register',{ template:'注册组件'});var vm=new Vue({ el: '#app', data: { ...
vue.component
05-17
`vue.component` 是 Vue.js 提供的一个全局方法，用于注册全局组件。通过调用该方法，我们可以将一个组件注册到全局，从而使得该组件在任何 Vue 实例中都可以使用。 使用 `vue.component` 方法注册组件的语法如下： ```javascript Vue.component('组件名称', { // 组件选项 }) ``` 其中，第一个参数是组件的名称，第二个参数是组件的选项。组件名称需要遵循 HTML 标签命名规范，即只能包含小写字母，且必须包含一个连字符。 例如，我们可以通过以下方式注册一个名为 `my-component` 的组件： ```javascript Vue.component('my-component', { // 组件选项 }) ``` 注册完成后，我们就可以在任何 Vue 实例中使用 `<my-component>` 标签来引用该组件了。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值