提纲挈领:
我的操作:
1》剪切 my-address.vue
组件中的 addstr
计算属性的代码,粘贴到 user.js
模块中,作为一个 getters 节点:【即把属于某个my-address组件里面的计算方法,直接当做user.js仓库里面的getters了】
2》改造 my-address.vue
组件中的代码,通过 mapGetters
辅助函数,将 m_user
模块中的 addstr
映射到当前组件中使用:
1>
2>
效果图:【目的:为了提高代码的复用性,可以把收货的详细地址抽离为 getters,方便在多个页面和组件之间实现复用。】