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