qq_41772754的博客

说明：1.安装包名称vue-cli改为@vue/cli。 2.如果在vue-cli全局安装了以前的（1.x或2.x）软件包，则需要先使用npm uninstall vue-cli -g或卸载它yarn global remove vue-cli。 3.Vue CLI需要Node.js版本8.9或更高版本（建议使用8.11.0+）。可是使用node -...

Vue CLI 初始化的项目，构建时会根据package.json中的browserslist配置自动检测需要转译的语言特性，根据提供的目标浏览器的环境来，智能添加css前缀，js的polyfill垫片,来兼容旧版本浏览器。避免不必要的兼容代码，以提高代码的编译质量。通常只需要修改browserslist即可兼容目标浏览器，例如兼容IE10可以做如下配置："browserslist": [...

关于vue打包和编译速度，在小型项目中可能体现的不明显，但是在中大型项目中，这是一个硬伤，会大大的降低开发速率。今天得空，就把我以前开发过程中总结的经验分享一下，其实也是自己结合前人的一些经验总结的。打包优化1.config/index.js 屏蔽sourceMap 和 对项目代码中的JS/CSS/SVG(*.ico)文件进行gzip压缩build: { ......

vue 里面路由有两种显示模式是hash和history，默认是hashhash —— 即地址栏 URL 中的 # 符号（此 hash 不是密码学里的散列运算）。比如这个 URL：http://www.abc.com/#/hello，hash 的值为 #/hello。它的特点在于：hash 虽然出现在 URL 中，但不会被包括在 HTTP 请求中，对后端完全没有影响，因此改变 hash 不会重...

vue 完整项目配置vue状态管理、Vuex使用详解vue router路由配置，元信息meta的使用-登录拦截验证vue axios请求 配置

Vue 打包后，如果想修改整体的后台接口域名，或者图片文件的路径，就需要在源代码中修改后，再次进行build打包。这样很不灵活，先看一下vue打包后的文件结构，项目打包后会生成一个dist文件── dist ├── static // 外部静态资源文件夹，对应项目中的static文件夹 ，与index.html同级 └── ind...

有时候因项目需求，要在接口请求超时或者获取数据失败时，重新请求1次，或者更多次。具体的配置步骤和方法如下：因为是要在请求超时或者获取数据失败时，进行重新请求设置，那么我们肯定是要在请求返回拦截器里面设置，import axios from "axios";const Axios = axios.create({ // 下面两个属性，用来设置，请求失败或者超时，自动重新请求的次数和...

有时候我们常常在发起一个请求时，希望取消前面的一个或多个请求，就要使用axios的一个方法CancelToken(), 配置方法如下。在拦截器全局设置，用来取消所有请求：import axios from "axios"; window.axiosCancel = [] // 全局定义一个存放取消请求的标识const Axios = axios.create({ bas...

axios : 基于http客户端的promise，面向浏览器和nodejsaxios 依赖原生的 ES6 Promise 实现而被支持. 安装 1.使用npm: npm install axios 2.使用taobao源: cnpm install axios 3.使用bower: bower install ax...

1.NPM安装 npm install vuex --save2.配置vuexVuex 实例对象属性 主要有下面5个核心属性 state :全局访问的state对象，存放要设置的初始状态名及值（必须要有） mutations :里面可以存放改变 state 的初始值的方法 ( 同步操作--必须要有 ) getters :实时监听state值的变化可对...

路由基本配置1.在router文件夹中找到 indexs.js注意：如果创建项目是没有安装router，不会有router文件夹，该文件夹在src 文件夹的根目录中// 1.引入路由以及vue，下面的是固定写法，照写就可以import Vue from 'vue'import Router from 'vue-router'Vue.use(Router)2.创建路由实例c...

1.创建完成一个项目后，原始的项目结构如下初始项目结构如下：┌── build // webpack相关配置文件│ ├── build.js // webpack打包配置文件│ ├── check-versions.js // 检查npm,nodejs版本│ ├...

注意：Vue 不支持 IE8 及以下版本，因为它使用了 IE8 无法模拟的 ECMAScript 5 特性。但它支持所有兼容 ECMAScript 5 的浏览器。在用 Vue 构建大型应用时推荐使用 NPM 安装[1]。NPM 能很好地和诸如 webpack 或 Browserify 模块打包器配合使用。前提：安装最新版的 node.js (自带配置且安装好npm)1.安装node.js...