1.使用装饰器@Input
传递组件
![](https://img2018.cnblogs.com/i-beta/1234484/202002/1234484-20200225143203323-1921446133.png)
接受组件
![](https://img2018.cnblogs.com/i-beta/1234484/202002/1234484-20200225143127919-447651363.png)
父组件与子组件的形式
父组件
子组件
注:父组件若想要在页面访问子组件的属性值、方法可以通过以下方式
页面访问的形式
前端后台的形式:
父组件:
注:此种方法访问的属性可能不会得到它的最新值,因为此时可能子组件的属性值还没初始化完成。
2.使用路由
方式一(使用params参数):
传递组件:
首先需要引入路由库
传递参数
接受组件
方式二(使用queryParams参数):
传入组件:
引入路由库(同上)
传递参数
接收组件:
constructor中接收