vue树形组件的封装，只有一级的目录树，单选或多选的封装；每一级都可以选的目录树的封装，使用的是递归的思想；封装过程中遇到的一些问题及解决方案

目的：在关闭窗口时删除localStorage中的数据方法1：beforeDestroy中删除想要在组件销毁的时候删除localStorage中的变量，结果发现无效beforeDestroy在页面刷新的时候不会执行，但是在页面跳转的时候会执行（this.router.push,this.router.push,this.router.push,this.router.replace），但是关闭窗口

如何使用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