以上代码其实等价于下面的get方法的。计算属性一般实现的是Get方法，set方法是不需要实现的，所以一般直接不用它，它是一个只读属性。我们可以从控制台中看到，fullName打印了一次，但是getFullName打印了4次，由此可知，我们的计算属性的性能比较高，所以能使用计算属性就使用计算属性。但是如果多个地方都需要显示完整的名称，我们就需要写多个{{firstName}} {{lastName}

1、点击商品跳转到详情页当我们点击GoodListItem中的每一个item，就跳转到对应的页面。我们首先要做的就是监听GoodsListItem的点击在GoodsListItem组件中在methods中跳转到对应的详情页我们可以先给详情页配置一个路由新建datail文件夹，新建Detail.vue，然后在router的index.js里面配置与路由相关的信息但是我们在跳转详情页的时候还需要传递一

因为它和我们的GoodsList.vue排版格式类似，所以可以直接使用GoodsList。根据报错结果我们找到了GoodsListItem里面的img，为其增加一个计算属性。将我们的GoodsList导入，注册，使用。再到created()里面请求推荐数据。在detail.js中创建一个接口。data()里新建变量。...

可以使用width属性来定义列宽。

1、点击商品跳转到详情页当我们点击GoodListItem中的每一个item，就跳转到对应的页面。我们首先要做的就是监听GoodsListItem的点击在GoodsListItem组件中在methods中跳转到对应的详情页我们可以先给详情页配置一个路由新建datail文件夹，新建Detail.vue，然后在router的index.js里面配置与路由相关的信息但是我们在跳转详情页的时候还需要传递一

在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方法的调用，并且明白