vue中的父子组件
1.什么是父子组件
- 在脚手架项目中,基于单击文件组件的父子组件关系可以简单的认为是使用关系,如A组件中使用了B组件,那么就可以认为A是父组件,B是子组件
- 同时需要注意的是:在单文件组件中不能通过
components
来创建结构上的子组件
结论:在脚手架项目,所谓父组件和子组件都是单独的单文件组件,它们更多是的引入使用关系
2.创建和渲染父子组件
步骤:
- 创建父组件
- 创建两个子组件
- 在父组件中引入,注册,使用这两个子组件
- 引入
import 组件名 from '组件路径'
- 注册 在
components:{}
结构当中注册组件 - 使用 当成标签使用
- 引入
- 渲染父组件
注意:由于父组件中使用了子组件,所以只需要渲染父组件就可以了