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

Vue

使用vue全家桶高仿小米商城--登录页面

使用vue全家桶高仿小米商城--登录页面

代码如下: template div class = login div class = container ahref= /#/index imgsrc= /images/login-logo.png alt= /a /div div class = wrapper div class = container div class = login-form h3 span class = checked 帐号登录/spanspan clas... 阅读更多 »

使用vue全家桶高仿小米商城--首页轮播S

使用vue全家桶高仿小米商城--首页轮播S

轮播基本上是每个项目都会使用的,同理,在这个项目中也要使用,完成后来总结下: 1、首先你得在项目中安装swiper依赖(npm install vue-awesome-swiper --save) 2、编写代码( swiper官网 上面... 阅读更多 »

使用vue全家桶高仿小米商城--头部组件公

使用vue全家桶高仿小米商城--头部组件公

在开发偷组件的时候发现为了方便公用部分方便使用,vue里面对于公用样式很友好,于是就新建了一个,如下图所示: 然后在要使用的地方引入改样式,例如NavHeader.vue页面里面,如图所... 阅读更多 »

使用vue全家桶高仿小米商城--Mock设置

使用vue全家桶高仿小米商城--Mock设置

1、开发阶段,为了高效率。需要提前Mock 2、减少代码冗余、灵活插拔 3、减少沟通、减少接口联调时间 Mock设置的3种方案 A、本地创建json 本地项目中创建login.json文件,代码如下图所示... 阅读更多 »

使用vue全家桶高仿小米商城--接口错误拦

使用vue全家桶高仿小米商城--接口错误拦

1、统一报错 2、未登录统一拦截 3、请求值、返回值统一处理 在main.js(如下图所示)加入下面代码: 代码如下: import Vuefromvue import routerfrom./router import axiosfromaxios import VueAxiosfromvue-a... 阅读更多 »

使用vue全家桶高仿小米商城--Storage封装

使用vue全家桶高仿小米商城--Storage封装

1、Cookie、localStorage、sessionStorage三者的区别 1.1、存储大小:Cookie -4K Storage -5M 1.2、有效期:Cookie有用有效期,Strage永久储存 1.3、Cookie会发送到服务器端,存储在内存中(sessionStorage也是存... 阅读更多 »

使用vue全家桶高仿小米商城--分离组件和

使用vue全家桶高仿小米商城--分离组件和

1、分离组件,如下图 2、配置路由,router.js代码如下 import Vuefromvue import Routerfromvue-router import Homefrom./pages/home import Indexfrom./pages/index import Productfrom./pages/product import Detailfrom./pages/detail... 阅读更多 »

使用vue全家桶高仿小米商城--安装依赖

使用vue全家桶高仿小米商城--安装依赖

1、vue-lazyload 2、element-ui 3、node-sass 4、node-loader 5、vue-awesome-swiper 6、vue-axios 7、vue-cookie 在安装node-sass的时候可能会安装失败, npm install 时偶尔遇到报错:没有安装python或node-sass 安装失... 阅读更多 »

使用vue全家桶高仿小米商城--前端主要的

使用vue全家桶高仿小米商城--前端主要的

前端主要的三种跨域解决方案 1、CORS跨域(使用easy mock上面的接口模拟) 1.1、前端不需要处理,服务端设置,前端直接调用 1.2、后台允许前端某个站点进行访问 代码及效果图如下:... 阅读更多 »

回到顶部