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

vue

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

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

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

使用vue全家桶高仿小米商城--拉取用户信

使用vue全家桶高仿小米商城--拉取用户信

1、在app.vue里面加入下面的代码片段即可,如下图所示: 2、如果出现下图所示的情况就是没有登入成功: 只需要登入后即可请求成功 3、如果这样设置后还是会有一个bug的,那就是当我... 阅读更多 »

使用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全家桶高仿小米商城--首页轮播

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

轮播基本上是每个项目都会使用的,同理,在这个项目中也要使用,完成后来总结下: 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、后台允许前端某个站点进行访问 代码及效果图如下:... 阅读更多 »

Vue项目运行时候出现:Mixed spaces and ta

Vue项目运行时候出现:Mixed spaces and ta

在vue项目中随便加了几行正确的代码,但是运行项目的时候出现Mixed spaces and tabs...报错,发现当初建项目的时候没有做eslint限制 报错原因: Mixed spaces and tabs(混合空格和制表符)。 大... 阅读更多 »

使用vue全家桶高仿小米商城--环境搭建

使用vue全家桶高仿小米商城--环境搭建

1、安装node 2、安装vue,在控制台运行:npm install vue 3、安装脚手架工具(vue/cli)在控制台运行:npm install -g @vue/cli(4.0版本) 或者 nmp install --global vue-cli (2.0版本) 安装太慢了,建议安装... 阅读更多 »

Vue项目碰到"‘webpack-dev-server’不是内

Vue项目碰到"‘webpack-dev-server’不是内

昨天晚上在家里把项目的代码提交到coding上后今天早上在公司电脑上clone下来后发现下面的报错,如图所示: 在网上进行了一波查找,真的是人云亦云呀,最后还是解决了。。。 1、将项... 阅读更多 »

回到顶部