Selience的博客

如上图所示，就是常见的面包屑效果，面包屑的内容一般来说，具有一定的层级关系，就以上图为例，首先是进入首页，然后点击左侧导航，进入活动管理下的活动列表页面，然后点击某一条数据，进入活动详情页面 这正好与vue-router的mached属性所获取的结果有着相似的原理，所以可以基于此来实现面包屑效果！ 这里我使用了elementui的面包屑组件和导航菜单组件，先贴出最后的效果图： 路由配置 项目结构： 侧边导航栏是首页、电子数码、服装鞋帽页面都会显示的，所以我创建了一个layout组件，将这三个路由的co.

注：本篇博客是基于vue-cli 2.9.6版本 vue-cli默认自带production和development两种开发环境，但是在实际工作中一般还有测试环境、预发布环境等，可以修改package.json添加新的打包命令，可以从而根据不同环境自动切换接口的BASE_URL,所以本篇文章将以添加测试环境为例，演示如何添加环境 新增新环境变量文件 项目的环境变量文件都在项目根目录下的config文件夹下，默认有两种环境变量文件,即dev.env.js和prod.env.js,我们直接复制生产环境.

初始化vue项目 安装Vuex npm install vuex --save 初始化Vuex 在项目根目录下的src目录下创建vuex文件夹，用于存放vuex相关文件，并新建index.js用于编写相关代码 创建Vuex实例,并向外暴露 import Vue from 'vue' import Vuex from 'vuex' Vue.use(Vuex) const store =...

简介： WebUploader是由Baidu WebFE(FEX)团队开发的一个简单的以HTML5为主，FLASH为辅的现代文件上传组件。在现代的浏览器里面能充分发挥HTML5的优势，同时又不摒弃主流IE浏览器，沿用原来的FLASH运行时，兼容IE6+，iOS 6+, android 4+。两套运行时，同样的调用方式，可供用户任意选用。采用大文件分片并发上传，极大的提高了文件上传效率。 分片...

新建单独文件夹和文件存放封装代码 在vue项目文件夹下的src目录内，新建request文件夹,创建http.js和api.js文件 http.js http.js主要是配置axios、设置拦截器、封装请求等 ...

在使用vue-cli脚手架构建项目时，会遇到一个选项Vue build(vue构建)，有两个选项，Runtime + Compiler和Runtime-only,以下为有道翻译直译 Runtime + Compiler: recommended for most users 运行时+编译器:推荐给大多数用户–有道翻译 Runtime-only: about 6KB lighter min+g...

1、新建两个文件夹，分别用于存放vue-cli2和vue-cli3 2、进入vue2文件夹下载安装vue-cli2.0 vue-cli2.0版本下载命令为npm install vue-cli或者npm install vue-cli@版本号，这里我指定了版本号，还有这里不要加-g,否则就会安装到全局位置 检验 下载完毕，会生成一个node_modules文件夹，进入该文件夹下的.bi...