ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

vue.component和vue.use的用法

2019-07-15 15:41:35  阅读:223  来源: 互联网

标签:use vue install component 插件 Vue 注册 组件


注册全局组件。
使用Vue.component()方法注册全局组件。
第一个参数是自定义元素名称,也就是将来在别的组件中使用这个组件的标签名称。
第二个参数是将要注册的Vue组件。

使用Vue.use注册插件。
这个方法接收一个参数。这个参数必须具有install方法。Vue.use函数内部会调用参数的install方法。
如果插件没有被注册过,那么注册成功之后会给插件添加一个installed的属性值为true。Vue.use方法内部会检测插件的installed属性,从而避免重复注册插件。
插件的install方法将接收两个参数,第一个是参数是Vue,第二个参数是配置项options。
在install方法内部可以添加全局方法或者属性、全局指令、mixin混入、添加实例方法、使用Vue.component()注册组件等。

示例
下面看一下element-ui里面的实现。

在./src/index.js里面第144行定义了一个install方法,后面导出的对象里面就引用了这个方法。然后在我们的项目中引入element-ui,必须要使用Vue.use()注册之后,才能使用element-ui的组件。element-ui的按需引入组件功能也是类似的实现方式。


如果想通过Vue.prototype.$xxx = xxx 或者通过特定的api使用组件,请看这篇博客。
 

标签:use,vue,install,component,插件,Vue,注册,组件
来源: https://blog.csdn.net/helenwei2017/article/details/95972208

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有