vue的全局组件和局部组件

组件在Vue的学习中是一个很重要的知识点,那如何创建全局组件和局部组件?当然,在开发中,我们经常使用的局部组件(这是我的老师说的) 今天的两种创建方式是初期的,下一篇就是《注册组件的语法糖》,会简便我创建组件的复杂程度。

全局组件:

顾名思义:全局组件是可以在任意实例中被使用的,是在根实例初始化之前注册的。

整个创建的过程分为:1.创建构造器 2.注册组件 3.使用组件


创建组件构造器 和 注册组件

代码如下:

图1-1

div里的代码:

图1-2

运行结果:

图1-3

局部组件:

局部组件限定了组件只能在被注册的组件中使用,无法在其他的组件中使用(局部组件很重要,以后会经常使用)

整个创建过程:1.创建组件构造器 2.(因为是局部组件和全局的不一样):局部注册组件是在Vue的实例中注册

1. 创建组件和上面的第一步骤是一样的,这里代码是重复的:

图2-1创建组建构造器

2. 注册组件,将注册组件写vue实例中,如下:

图2-2


3. div内容+运行结果如下:

因为我注册的时候把注册名更改了,所以这里内容和上面的结果是一样的

div内容
运行结果

重点:注册组件的步骤,组件的使用实在vue实例作用的范围内,在外面是不起作用的。

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容