Vue.js进阶【2-实例】vue + vuex + vue-router 超简单实现：电商商品列表和详情页面

本示例最大的特点就是足够的简单！！！

网上有大量的各种项目的的模板，掺杂了很多业务代码，业务代码不适合初学者学习vue技术本身。

学会了vue技术的典型应用只需要非常少的几行代码就足够了，学会了之后你可以随意做出你想做的任何应用。

 

用到的主要技术：

vue：https://blog.csdn.net/calmreason/article/details/82528220

vue loader：https://blog.csdn.net/calmreason/article/details/82993662

vuex：https://blog.csdn.net/calmreason/article/details/82900229

vue-router：https://blog.csdn.net/calmreason/article/details/82718454

vue-cli：

1）https://blog.csdn.net/calmreason/article/details/82720355

 2）https://blog.csdn.net/calmreason/article/details/82995522

mountebank：https://blog.csdn.net/calmreason/article/details/82763234

主要功能：

完成从服务端加载数据展示商品详情；点击商品展示商品详细信息（页面跳转vue-router与数据传递vuex）；使用mountbank模拟服务端数据

说明：别小看这个很简单的功能，但是却是vue最核心技术的完整体现。有了这个小的demo，你可以用最短的时间理解vuex vue-router，同时提供最大的可扩展性。

效果：

进入主页显示商品列表

点击某个商品进入详情页面：

源码：百度云下载链接 （付费下载，请联系作者，本博客主页联系方式，免费售后答疑）