一个菜鸟的互联网技术分享博客
您的位置: 主页 > vuex TAG结果页 >

vuex

使用vue全家桶高仿小米商城--订单列表

使用vue全家桶高仿小米商城--订单列表

此次也是最后一个页面完成了,需要改变的页面就是orderList.vue页面了,同时要在components里面加入一个文件,NoData.vue(无订单数据时候展示的页面) 1、 NoData.vue代码如下: template div... 阅读更多 »

使用vue全家桶高仿小米商城--退出功能实

使用vue全家桶高仿小米商城--退出功能实

退出登入其实很简单,首先请求退出登入的接口,同时清空cookie、username和购物出(count)的值(因为这些值是前端渲染的),操作如下: 1、NavHeader.vue页面内加退出登入按钮: 2、编写... 阅读更多 »

使用vue全家桶高仿小米商城--购物车页面

使用vue全家桶高仿小米商城--购物车页面

1、cart.vue代码如下: template div class = cart order-headertitle= 我的购物车 templatev-slot:tip span温馨提示:产品是否购买成功,以最终下单为准哦,请尽快结算/span /template /order-header div class = wr... 阅读更多 »

使用vue全家桶高仿小米商城--产品详情交

使用vue全家桶高仿小米商城--产品详情交

detail.vue代码如下: template div class = detail product-params:title= product.name /product-params div class = wrapper div class = containerclearfix div class = swiper swiper:options= swiperOption swiper-slideimgsrc= /images/detail/ph... 阅读更多 »

使用vue全家桶高仿小米商城--产品站交互

使用vue全家桶高仿小米商城--产品站交互

1、product.vue代码如下: template div class = product product-params:title= product.name templatev-slot:buy button class = btn @click = buy 立即购买/button /template /product-params div class = content div class = item-bg h2{{prod... 阅读更多 »

使用vue全家桶高仿小米商城--实战应用

使用vue全家桶高仿小米商城--实战应用

用户登入数据 1、首先到login.vue中派发action 2、actions.js代码如下: export default { saveUserName(context,username){ context.commit(saveUserName,username) } } 3、mutations代码如下: export default { saveUserName(sta... 阅读更多 »

使用vue全家桶高仿小米商城--vuex框架搭

使用vue全家桶高仿小米商城--vuex框架搭

说到Vuex确实有点蒙蔽,但是希望经过这次的学习可以进一步加深对Vuex的理解,当然也可以在 vue官网 上面去看看文档,那么接下来就是我们这次学习的总结了。 架构搭建在项目时候我... 阅读更多 »

共1页/7条
回到顶部