组件在Vue的学习中是一个很重要的知识点,那如何创建全局组件和局部组件?当然,在开发中,我们经常使用的局部组件(这是我的老师说的) 今天的两种创建方式是初期的,下一篇就是《注册组件的语法糖》,会简便我创建组件的复杂程度。
全局组件:
顾名思义:全局组件是可以在任意实例中被使用的,是在根实例初始化之前注册的。
整个创建的过程分为:1.创建构造器 2.注册组件 3.使用组件
创建组件构造器 和 注册组件
代码如下:
div里的代码:
运行结果:
局部组件:
局部组件限定了组件只能在被注册的组件中使用,无法在其他的组件中使用(局部组件很重要,以后会经常使用)
整个创建过程:1.创建组件构造器 2.(因为是局部组件和全局的不一样):局部注册组件是在Vue的实例中注册
1. 创建组件和上面的第一步骤是一样的,这里代码是重复的:
2. 注册组件,将注册组件写vue实例中,如下:
3. div内容+运行结果如下:
因为我注册的时候把注册名更改了,所以这里内容和上面的结果是一样的
重点:注册组件的步骤,组件的使用实在vue实例作用的范围内,在外面是不起作用的。