目录一、引入 vue-router 进行路由管理1、简单了解下2、项目中使用3、导航守卫、路由元信息二、模块化封装 axios 请求1、简介2、代码实现一、引入 vue-router 进行路由管理1、简单了解下　　之前在 搭建基本页面时，已经简单使用过，这里再深入了解一下。1）文件格式如下　　由于创建项目时，指定了 router，所以 vue-cli 自动生成了 router 文件夹以及相关的 j

一、引入、封装 mock1、简介项目开发的时候，有时候后端接口不给力，要是必须从后端获取数据，没有其他方式获取数据，那就很蛋疼了（只能等后端接口正常，才可以继续开发前端）。mock 是一个数据模拟生成器，用于帮助前端独立于后端进行开发，其模拟 ajax 并返回相应的数据，从而使前端不必依赖于后端接口，方便开发。2、封装要求定义不同的模块，用于响应不同组件的请求。可以方便、快捷的关闭某个模块、或者某

创建Vue项目出错，提示vue : 无法加载文件C:\Users\xxx\AppData\Roaming\npm\vue.ps1，因为在此系统上禁止运行脚本。有关详细信息，请参阅 ...以管理员身份运行PowerShell执行：get-ExecutionPolicy，回复Restricted，表示状态是禁止的执行：set-ExecutionPolicy RemoteSigned选择Y全是注意：一定

在实际使用中经常会遇到table表格可编辑提交数据时需要进行相关字段的验证，这种需求很常见，记录很重要。

错误如下：解决办法：1.scope这个属性在最新版本vue已经被弃用，升级成slot-scope了 ，所以属性名应该改为slot-scope。2.如上所示，我们发现，还是有报错，原因是vetur的eslint检查没有关闭，只要不勾选此项即可，如下所示：结果：...

在项目中我们经常会把一些公用的常用的数据放在一个文件里，那么其他vue或者js文件怎么引用这些数据呢？如下：公用数据文件// 担保类型let guaranteeType = [{text: '抵押',value: '01'},{text: '一般保证',value: '03'},{text: '信用',value: '04'},{text: '其他',value: '06'}

1. 安装 vetur 和 vue-helper 两个插件2. 打开设置 --> 扩展 --> vue helper, 然后在右边找到在 settings.json 中编辑，点击，添加或修改下面的配置："vue-helper.alias": {"@": "src"},"vue-helper.componentPrefix": {"alias": "@","path": "src"}..

vue 项目启动成功后chrome一直不停的报错WebSocket connection to ‘ws://localhost:8080/api/handler‘ failed: Invalid frame header项目解决方式是将vue.config.js代理中ws:true改为falseproxy:{'/':{target: {host: '40.31.4.28:8080',},

一、定义主页面主页面 可以拆分成多个组件，每个组件负责一部分页面的显示。　　拆分成 Header、Aside、Footer、Content 四个页面。其中：　　Header用于定义导航栏信息　　Aside用于定义菜单栏信息Footer用于定义底部信息　　Content用于显示各个菜单选项的页面1》config配置路径（1）简介（2）安装npm install path ...

最开始用v-if和v-else，感觉代码冗余。用{{}}语法写三元运算符又总是报错尝试几种写法后，以下为准确写法<el-input :disabled="(dialogType)=='edit'" placeholder="请输入姓名" v- model="addCustomForm.name" ></el-input>...