vue项目5

版权声明:本文为博主原创文章,遵循 CC 4.0 by-sa 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/steve1988717/article/details/94872873

父子组件的传值,作用

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

父组件给子组件传值,

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
因为父组件,获得数据产品库存是异步操作的,当父组件通过属性绑定给子组件传递最大库存的时候,还不知道,这个库存有没有获得数据,所以传递过来的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的方法就会自动的调用,重新执行

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

购物车页面的实现

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

展开阅读全文

没有更多推荐了,返回首页