如何使用vue-cli快速搭建项目，怎么配置环境变量及打包路径，构建单页面与多页面

vue.config.js或webpack.config.js中设置proxy代理解决生产环境跨域本地启动一个服务器,端口为9000node server.jsserver.js文件const http = require("http");const app = http.createServer((req, res) => {if (req.url === "/api/testCors")

mock的语法及使用如何在vue项目中使用mock有时后端接口还没有写好，前端开发进度比后端快，这是我们可以使用mock进行一个请求数据的模拟（并没有真的发请求，在请求发出去之前就被mock拦截，返回数据，所以在internet面板中看不到）安装mockjsnpm i mockjs在vue中使用mockjsimport Mock from "mockjs";import jsonInfo from

break和continue都是用来控制循环结构的，主要作用是停止循环它俩的区别：1》break是跳出整个循环，continue是跳出当前循环，继续进行下一个循环2》continue语句只用在for、while、do-while等循环体中, 常与if条件语句一起使用, 用来加速循环；break还可以在switch分支语句中使用，遇到break,就会跳出switch语句函数中使用，函数遇到retur

a-modal的样式调整a-modal宽和高的设置主要是通过a-modal自带的width和bodyStyle来设置注意：a-modal的父盒子是body// 现在我要点击按钮，弹出对话框，对话框展示的是文本信息，我们也可以添加下载文本功能<template><div id="hello"><div style="margin-top:50px"><but

问题：父组件通过props传递给子组件的值不是最新的场景：父组件通过props向子组件传递了一个数组info,父组发请求后更改数组info,此时通过this.$refs.childName来操作子组件的数组info的值并非最新的值代码详情：父组件：通过props向子组件传递了一个数组info当我点击父组件的按钮时，发请求获取了数据并赋值给了info数组，点击事件代码在下面（解决修改代码过程）子组件

这种方式不能在下载时名命文件，需要后端设置文件名二、a标签下载a标签的download属性，ie浏览器是不支持的请求的时候记得加responseType为blob,不然下载后点开是空白文件前端可以对文件名命如果我们要使用后端返回的文件名（一般都在content-disposition中）blob、MIME相关补充基本语法blob表示二进制大对象（binary larget object）,是js对

a-table及相关组件的使用基础的渲染<a-table :dataSource="tableList" :columns="tableColumns"></a-table>参数名类型说明dataSource数组数据来源，数组中的每一个对象都是一行的数据columns数组用来指定每一列的标题（表头）bordered布尔值是否显示表格边框，默认为竖向的边框pagination

页面卡顿的原因、排查及解决方案一、渲染不及时，页面掉帧1》网络请求太多，请求返回的数据比较慢接口返回慢的话，后端做些优化；前端适当做些缓存，减少不必要的重复的请求可以从调试工具中的Network查看请求情况2》回流和重绘多减少dom的操作，适当使用keep-alive,v-show等平时要养成良好的编码习惯3》dom节点太多，渲染的比较慢如果是数据确实太大的话，可能要从业务上调整一下，展示可能要改

vue-router打开新窗口的方法及跳转方式对比打开新窗口方法1：const routeUrl = this.$router.resolve({path: "/targetUrl",query: { id: 96 },});window.open(routeUrl.href, "_blank");},方法2：<router-link target="_blank" :to="{ pat