首页-静态结构准备和动态渲染(父组件使用子组件三步骤,请求参数和父组件与子组件的通信)

太久没写过css了,复习一下,要记得在组件的样式中写上lang=”less“和scoped

盒子可以看为左右两部分,左边放图片,右边放产品相关的信息

这里比较有意思的是flex: 1,当我们设置好图片后,我们可以用flex: 1 将剩下的空间分配给信息盒子

注意!父组件中用子组件有三步 1.导入子组件 2.在script中声明component 3.使用组件

接下来就是请求数据

还是一样,把接口封装到api --> 然后父组件请求数据 -->接着子传父传递数据即可

有需要参数,在方法中额外写params

获取到的数据

拔掉一层data,学习写法

最后就是父传子,组件通信

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值