props传过来的值赋值给data 不起效，而v-model也监听不到

需求是这样的：

用vue实现购物车的功能，父组件App保存着axios过来的数据，把数据存到数组shopList中，Footer组件里面有个全选框，如果每个商品状态都被选中（我已经用Arry.every() 把shopList的商品选中状态遍历），则这个全选框就被选中。

 

首先利用props把每个商品的选中状态传给子组件Footer,因为我Footer组件的样式是用的是vant组件库写的,复(全)选框是否选中是用v-model控制

因为不能直接修改props的值嘛 所以我把props传过来的值转存到 ischeck 中

 但是当我打开页面和vue调试工具时，this.allChecked 是没赋值到 ischeck 的 ，这就说明 当商品的状态没有被全部选中时，而全选状态是被选中的。

最后添加了一个侦听(侦听allChecked的变化)解决了问题,但其实没完全解决问题，其实页面一刷新allChecked还是false，只不过我监听了他，然后再进行进一步操作，我就是不知道为什么props的值赋值到 ischeck 上，而 v-model 监听不到(我也不知道什么原因，有知道的大佬麻烦指点一二，谢谢)