vue小白之component (全局,局部组件)

全局注册:

首先,注册全局很简单,根据官方文档

vue小白之component (全局,局部组件)

item  是组件名称,

props 是为了父向子组件传递属性用的,

template 就是需要渲染的HTML模板了

然后就是需要在指定位置渲染了,有两种方法,一种是直接插入的vue容器内(当然要先创建vue实例了),第二种是赋值实例内部的template属性

1

vue小白之component (全局,局部组件)

2

vue小白之component (全局,局部组件)

这两种方法有一点小小的区别:

第二种是将模板整体替换掉vue容器,第一种是在指定位置插值,具体试验下就看出来了... ^_^

局部注册:

       首先需要声明一个组件

vue小白之component (全局,局部组件)

然后就是在需要的vue实例中注册,别的实例不注册就不能用,但是全局的组件都可以用

vue小白之component (全局,局部组件)

  这里需要注意的是局部注册的属性是components ,不是component,注册之后需要注入模板,可以在template中声明,也可以在HTML中直接写组件标签,这一点同全局组件