vue3注册全局组件,vue 注册组件
本文主要介绍vueinstall如何注册全局组件，有很好的参考价值。希望对你有帮助。如有错误或不足之处，请不吝赐教。
目录
vue安装注册全局组件。1.首先，构建一个通用组件。2.创建新的install.js文件。3.在main.js文件中注册。4.使用页面中vue插件的安装方法。
vue install注册全局组件
项目中的某些构件使用频繁。这时候就可以注册全局组件了，这样就不用每次使用的时候都要反复导入组件了。
具体使用的步骤如下
一般来说，这个常用的组件会被注册在main.js文件中。
1.首先先建立一个公用的组件
//c component . vue的通用组件
模板
差异
我是一个组件。
/div
/模板
脚本
导出默认值{
}
/脚本
样式范围
部门{
字体大小：40px
颜色：# fbb
文本对齐：居中；
}
/风格
2.新建一个install.js文件
从导入组件。/c component . vue
常量组件={
安装：功能(Vue){
Vue.component(组件名称，组件)
} //component-name 这是以后可以使用的组件的名称。安装是默认方法。组件名是用户自定义的，我们可以根据具体需求自己定义名称。
}
//导出此组件
导出默认组件
3.在main.js文件中注册
//引入组件
从“@plugins/install”导入安装；
//全局挂载实用程序
Vue.use(安装)；
4.在页面中使用
模板
差异
组件名称/组件名称
/div
/模板
vue插件的install方法
MyPlugin.install=function (Vue，options) {
//1.添加全局方法或属性
Vue.myGlobalMethod=function () {
//逻辑.
}
//2.添加全局资源
Vue.directive(my-directive ，{
bind (el，binding，vnode，oldVnode) {
//逻辑.
}
.
})
//3.注入组件
Vue.mixin({
已创建：函数(){
//逻辑.
}
.
})
//4.添加实例方法
vue . prototype . $ my method=function(method options){
//逻辑.
}
}
从“vue”导入Vue
从“vue-i18n”导入VueI18n
Vue.use(VueI18n)
下面是vue插件的使用方法。通过全局方法Vue.use()使用插件。
插件通常为Vue添加全局功能。插件——的范围没有限制。一般有以下几种：添加全局方法或属性；添加全局资源：指令/过滤器/转换等。通过全局mixin方法添加一些组件选项；添加Vue实例方法，通过将它们添加到Vue.prototype来实现
了解vue插件的安装方法，对我们写大型项目很有帮助。
以上个人经历，希望能给大家一个参考，也希望大家多多支持我们。
郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。