vue小白之component (全局,局部组件)
全局注册:
首先,注册全局很简单,根据官方文档
item 是组件名称,
props 是为了父向子组件传递属性用的,
template 就是需要渲染的HTML模板了
然后就是需要在指定位置渲染了,有两种方法,一种是直接插入的vue容器内(当然要先创建vue实例了),第二种是赋值实例内部的template属性
1
2
这两种方法有一点小小的区别:
第二种是将模板整体替换掉vue容器,第一种是在指定位置插值,具体试验下就看出来了... ^_^
局部注册:
首先需要声明一个组件
然后就是在需要的vue实例中注册,别的实例不注册就不能用,但是全局的组件都可以用
这里需要注意的是局部注册的属性是components ,不是component,注册之后需要注入模板,可以在template中声明,也可以在HTML中直接写组件标签,这一点同全局组件