vue项目5

父子组件的传值,作用

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

父组件给子组件传值,

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
因为父组件,获得数据产品库存是异步操作的,当父组件通过属性绑定给子组件传递最大库存的时候,还不知道,这个库存有没有获得数据,所以传递过来的max有可能是空的。我们只能在子组件里面,通过watch监听这个库存数据的变化,只要有变化,就会给max赋值最大数的限制
在这里插入图片描述
在这里插入图片描述

VUEX的学习

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

使用vuex

先安装
在这里插入图片描述

cnpm i vuex -S

在这里插入图片描述

import Vuex from 'vuex'

Vue.use(Vuex)

const store = new Vuex.Store({
    
})

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
给方法传递参数
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
上面的方法,最多只能传递一个参数,如果想传递多个参数怎么办?可以给他传递一个对象,

对共享数据的修改和获得的方法各有不同,这里提供getters和mutations

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

vuex实战效果

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

vuex里面的getters的方法,有一个特性,就是只要在getters里面定义的方法,使用的共享变量,有变化,getters的方法就会自动的调用,重新执行

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

购物车页面的实现

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值