vue中注册组件

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue中注册组件相关的知识,希望对你有一定的参考价值。

注册组件,其实就是自定义标签(一堆标签堆在一起去现实某一个功能,可以类似成方法去理解)

注册组件,有2种

1:全局注册(全局注册的组件可以在任意的vue实例中使用)

2:局部注册(局部注册的组件只能在当前的vue实例中使用)

例如:

全局组件:

技术分享图片

技术分享图片

技术分享图片

注意:全局组件可以在任意的vue实例中使用,这样就可以实现代码的复用的好处了。

局部组件:

顾名思义:只能在当前注册它的vue实例中使用它。

技术分享图片

技术分享图片

注意:对于组件的命名,W3C规范是字母小写且包含一个短横杠'-'。

以上是关于vue中注册组件的主要内容,如果未能解决你的问题,请参考以下文章

vue中注册组件

vue3注册全局组件在vscode中没有智能提示问题

Vue 中组件概念

VUE中如何构建js调用的全局组件

Vue中如何注册全局组件和局部组件(详解)

Vue 全局注册组件和局部注册组件