vue商城项目开发:封装banner组件、组件参数传递

vue

封装banner组件


在Home组件中引入:

components:

在template中使用:

组件参数传递

轮播图可以封装成组件,但是每个页面要展示的图片内容可能不一样,所以要进行参数传递,你传什么我就展示什么。此即所谓的组件参数传递。

传递的参数名称可以自定义:

定义要传递的参数:

参数名称和参数的值:

Banner组件接收参数:

也可以传递一个对象作为参数:

Banner组件使用对象接收参数:

【发现】组件中传递参数给Banner组件:

以上是 vue商城项目开发:封装banner组件、组件参数传递 的全部内容, 来源链接: utcz.com/z/374709.html

回到顶部