作者：京东零售李孟东00导读企业前台研发部包含了企业业务大部分的对外前台系统，其中京东VOP平台(开放平台)适合于自建内网采购商城平台的企业客户。京东为这类客户专门开发API接口，对接到客户内网的网上商城，将产品SKU直接推送到客户内网，客户内部采购人员可以直接在内网商城进行下单采购，订单信息通过API接口传递到京东后台，由京东安排物流配送服务。VOP模式下，客户内网的数据信息京东并不抓取，从而实现内部采购架构的独立搭建及数据的保密与安全。随着业务的不断发展过程中，VOP截至目前已经服务于上千家企业Sass商城，其API接口的高并发、高可用、高可靠也就越发的重要。尽管我们如履薄冰的进行上线来尽
前台部分到此结束，一路走来还挺怀念，今天主要是对整个项目的完成做一个最后的收尾工作，对于功能上的需求没有什么了，主要就是项目上线的一些注意事项。一.个人中心二级路由当我们点击查看订单应该跳转到个人中心个人中心拆分两个子路由组件分好组件后，在routes里面父组件写上childre配置项写路由不需要写/了，写跳转路由需要写全地址路由重定向二.我的订单获取订单列表详情，保存数据注意这里的布局是采用的table，里面每一个订单为一个table一个订单里面可一次性买多个东西吧，所以一行就是一件物品，这里的rospan要动态改为物品数组的长度同时由于我们后面这些内容是集中显示，所以只需要显示一个的就可以
前台部分到此结束，一路走来还挺怀念，今天主要是对整个项目的完成做一个最后的收尾工作，对于功能上的需求没有什么了，主要就是项目上线的一些注意事项。一.个人中心二级路由当我们点击查看订单应该跳转到个人中心个人中心拆分两个子路由组件分好组件后，在routes里面父组件写上childre配置项写路由不需要写/了，写跳转路由需要写全地址路由重定向二.我的订单获取订单列表详情，保存数据注意这里的布局是采用的table，里面每一个订单为一个table一个订单里面可一次性买多个东西吧，所以一行就是一件物品，这里的rospan要动态改为物品数组的长度同时由于我们后面这些内容是集中显示，所以只需要显示一个的就可以
这几天一直都在做项目，只是没有上传上来，即将把前台项目完结了。现在开始更新整个前台的部分一.面包屑处理1.分类操作点击三级联动进入搜索产生面包屑，直接取参数中的name即可点击x怎么干掉这个面包屑，直接让其v-if为这个name，如果点击x就把name清空清空还没完，清空应该再发一次请求，然后将我们里面的残留的id清空，回到默认页面但其实这里还有点小问题，我们是吧id清空了发了个请求，但其实既然没有id，可以把他的制改为undefined，这样直接发过去的请求就不带id这些参数了，这样发过去的请求也更快些然后现在就需要上面url也跟着一起变了，直接在清空的函数里面利用编程式跳转往search跳
这几天一直都在做项目，只是没有上传上来，即将把前台项目完结了。现在开始更新整个前台的部分一.面包屑处理1.分类操作点击三级联动进入搜索产生面包屑，直接取参数中的name即可点击x怎么干掉这个面包屑，直接让其v-if为这个name，如果点击x就把name清空清空还没完，清空应该再发一次请求，然后将我们里面的残留的id清空，回到默认页面但其实这里还有点小问题，我们是吧id清空了发了个请求，但其实既然没有id，可以把他的制改为undefined，这样直接发过去的请求就不带id这些参数了，这样发过去的请求也更快些然后现在就需要上面url也跟着一起变了，直接在清空的函数里面利用编程式跳转往search跳
紧急更新第二弹，然后就剩下最后一弹，也就是整个前台的项目一.购物车1.加入购物车（新知识点）加入到购物车是需要接口操作的，因为我们需要将用户的加入到购物车的保存到服务器数据库，你的账号后面才会在你自己的购物车看到，所以这里要先写接口然后vuex三部曲，返回来的数据没有data，就是告诉你成功了，存近数据库了所以确实也不需要什么data，所以这里vuex三部曲，只需要到actions这一步就可以了成功与失败的判定：之前在actions里面的操作都是async加await的操作，他们的原理是这样的，是必须配合一起使用，但是各负责各的事，async是负责这个函数的返回值只一个promise对象，而a
紧急更新第二弹，然后就剩下最后一弹，也就是整个前台的项目一.购物车1.加入购物车（新知识点）加入到购物车是需要接口操作的，因为我们需要将用户的加入到购物车的保存到服务器数据库，你的账号后面才会在你自己的购物车看到，所以这里要先写接口然后vuex三部曲，返回来的数据没有data，就是告诉你成功了，存近数据库了所以确实也不需要什么data，所以这里vuex三部曲，只需要到actions这一步就可以了成功与失败的判定：之前在actions里面的操作都是async加await的操作，他们的原理是这样的，是必须配合一起使用，但是各负责各的事，async是负责这个函数的返回值只一个promise对象，而a
学完vue2还是决定先做一个比较经典，也比较大的项目来练练手好一点，vue3的知识不用那么着急，先把vue2用熟练了，vue3随时都能学。这个项目确实很经典包含了登录注册、购物车电商网站该有的都有，后面还会结合elementUI构件后台管理界面。拭目以待！一.初始化脚手架环境vuecreate创建vue的脚手架环境里面什么是什么配置文件这些就不同多说了，前面已经说过了，来说一下没有说过的一些配置。当我们npmrunserve跑项目的时候自动打开浏览器，对package.json启动serve的命令加一个open参数关闭eslint校验功能src文件简写，配置他的别名，因为后面可能经常会引入这个
学完vue2还是决定先做一个比较经典，也比较大的项目来练练手好一点，vue3的知识不用那么着急，先把vue2用熟练了，vue3随时都能学。这个项目确实很经典包含了登录注册、购物车电商网站该有的都有，后面还会结合elementUI构件后台管理界面。拭目以待！一.初始化脚手架环境vuecreate创建vue的脚手架环境里面什么是什么配置文件这些就不同多说了，前面已经说过了，来说一下没有说过的一些配置。当我们npmrunserve跑项目的时候自动打开浏览器，对package.json启动serve的命令加一个open参数关闭eslint校验功能src文件简写，配置他的别名，因为后面可能经常会引入这个
现在正式回归，开始好好做项目了，正好这一个项目也开始慢慢的开始起色了，前面的准备工作都做的差不多了。而且我现在也开始慢慢了解到了一些项目才开始需要的一些什么东西了，vuex、router这些都是必备的，后期一定要练得非常熟练才行。一.重写push/replace方法有一个编程式导航的bug，当我们重复点击编程时导航的跳转，同时传的都是相同的参数，这个时候就会报错,报NavigationDuplicated，这是一个底层错误，归根结底是因为vue在2的版本将编程式导航跳转的添加了一个promise，我们都知道promise是需要一个成功回调和失败回调的，而我们在发起跳转的时候并没有定义这些，所以
