在vue中App.vue相当于根容器，不设置scoped。所以一般在App.vue中引用公共样式。而在其它.vue页面中用scoped，代表当前样式只作用于当前.vue页面。不作用于其它.vue页面。

将商品添加到购物车要先监听购物车点击在DetailBottomBar.vue中监听然后在Detail.vue的detail-bottom-bar标签中在methods中我们需要从详情页拿到商品的数据，然后在购物车里面显示，所以我们可以通过Vuex首先安装vuex然后在store文件夹中新建index.js然后在main.js里面做一个导入。再到但是实际上能不能像上面这样做呢？不能，任何修改stat

解决浏览器出现Failed to load resource: net::ERR_FAILED

Vuex只是在内存保存状态，刷新之后就会丢失，如果要持久化就要存起来。localStorage就很适合,提交mutation的时候同时存入localStorage,store中把值取出作为state的初始值即可。这里有两个问题，不是所有状态都需要持久化；如果需要保存的状态很多，编写的代码就不够优雅，每个提交的地方都要单独做保存处理。这里就可以利用vuex提供的subscribe方法做一个统一的处理

在修改数据之后立即使用这个方法，获取更新后的DOM。这简单来说就是谁先挂载Promise对象的问题，在调用 $nextTick方法时就会将其闭包内部维护的执行队列挂载到Promise对象，在数据更新时Vue内部首先就会执行 $nextTick方法，之后便将执行队列挂载到了Promise对象上，其实在明白Js的Event Loop模型后，将数据更新也看做一个 $nextTick方法的调用，并且明白