封装banner组件

vue商城项目开发:封装banner组件、组件参数传递
在Home组件中引入:
vue商城项目开发:封装banner组件、组件参数传递
components:
vue商城项目开发:封装banner组件、组件参数传递
在template中使用:
vue商城项目开发:封装banner组件、组件参数传递

组件参数传递

轮播图可以封装成组件,但是每个页面要展示的图片内容可能不一样,所以要进行参数传递,你传什么我就展示什么。此即所谓的组件参数传递。
vue商城项目开发:封装banner组件、组件参数传递
传递的参数名称可以自定义:
vue商城项目开发:封装banner组件、组件参数传递
定义要传递的参数:
vue商城项目开发:封装banner组件、组件参数传递
参数名称和参数的值:
vue商城项目开发:封装banner组件、组件参数传递
Banner组件接收参数:
vue商城项目开发:封装banner组件、组件参数传递
也可以传递一个对象作为参数:
vue商城项目开发:封装banner组件、组件参数传递
Banner组件使用对象接收参数:
vue商城项目开发:封装banner组件、组件参数传递
【发现】组件中传递参数给Banner组件:
vue商城项目开发:封装banner组件、组件参数传递

相关文章:

  • 2021-04-04
  • 2021-12-03
  • 2022-01-26
  • 2022-02-09
  • 2021-04-05
  • 2022-02-09
  • 2022-12-23
  • 2022-12-23
猜你喜欢
  • 2022-12-23
  • 2021-09-25
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
相关资源
相似解决方案