vue商城项目开发:封装banner组件、组件参数传递 -尊龙游戏旗舰厅官网
尊龙游戏旗舰厅官网
收集整理的这篇文章主要介绍了
vue商城项目开发:封装banner组件、组件参数传递
小编觉得挺不错的,现在分享给大家,帮大家做个参考.
在home组件中引入:
components:
在template中使用:
轮播图可以封装成组件,但是每个页面要展示的图片内容可能不一样,所以要进行参数传递,你传什么我就展示什么。此即所谓的组件参数传递。
传递的参数名称可以自定义:
定义要传递的参数:
参数名称和参数的值:
banner组件接收参数:
也可以传递一个对象作为参数:
banner组件使用对象接收参数:
【发现】组件中传递参数给banner组件:
总结
以上是尊龙游戏旗舰厅官网为你收集整理的vue商城项目开发:封装banner组件、组件参数传递的全部内容,希望文章能够帮你解决所遇到的问题。
- 上一篇: vue商城项目开发:底部导航样式、顶部导
- 下一篇: vue商城项目开发:axios发送请求及