前端监控的目的？提升用户体验更快的发现发现异常、定位异常、解决异常了解业务数据，指导产品升级——数据驱动的思想它指的是通过一定的手段来获取用户行为以及跟踪产品在用户端的使用情况，并以监控数据为基础，为产品优化指明方向，为用户提供更加精确、完善的服务。前端监控的方向？数据监控（监控用户行为）性能监控（监控网页性能）异常监控（监控代码异常）前端监控的流程？采集数据>>上报数据>>分析数据>>报警（异常

1. axios跨域处理vue.config.js文件中处理在vue.config.js中添加跨域代理的相关配置，没有vue.config.js文件可以自己手动添加。关键内容如下：module.exports = {...其他配置项devServer: {open: true,overlay: {warnings: false,errors: true},// 3.开发环境进行http的代理//=

前言  前端性能是考验一个前端攻城狮技术至关重要的一个点。也许很多新生代农民工掌握或了解了一些前端优化的方法，但是在实际的项目工作中却难以一展拳脚。至此，了解优化方法重要，了解性能监测同样重要，正所谓，有病乱投医，你都不知道哪里有性能问题，怎么去进行针对性的优化呢？下面阿彬就为大家总结一下前端性能监测的一些实用方法。一、监测首屏加载性能  首屏加载时间是最影响用户体验度的一个指标，当用户打开一个网

前言想必很多小伙伴在使用vue时，都遇到过明明修改data里的数据了，但是视图却不更新的情况吧，这时候有经验的小伙伴，二话不说直接调用this.$forceupdate()强制更新页面，管他啥情况，刷就完事了，我属于是整个一个大无语。$nexttick将回调延迟到下次 DOM 更新循环之后执行。在修改数据之后立即使用它，然后等待 DOM 更新。它跟全局方法Vue.nextTick一样，不同的是回调

setup语法糖写起来舒服多了，赶紧学起来吧~

vue父子组件可以通过emit进行传参，有些时候我们在子组件传参的同时，父组件也需要传参，比如v-for渲染的列表，可能要把索引当参数传递。那么我们怎么同时接收子组件参数和父组件参数呢？有以下两种方法。一、子组件传出单个参数时// 子组件this.$emit('test',this.param)// 父组件@test='test($event,parentParam)'二、子组件传出多个参数时//

keep-alive的原理其实很简单

vue父子组件可以通过emit进行传参，有些时候我们在子组件传参的同时，父组件也需要传参，比如v-for渲染的列表，可能要把索引当参数传递。那么我们怎么同时接收子组件参数和父组件参数呢？有以下两种方法。一、子组件传出单个参数时// 子组件this.$emit('test',this.param)// 父组件@test='test($event,parentParam)'二、子组件传出多个参数时//

有三种方法第一种import { defineComponent, ref, getCurrentInstance } from 'vue';const { proxy }: any = getCurrentInstance();console.log(proxy.$router.currentRoute.value);第二种import { defineComponent, ref, toRaw

在搭建的过程中，一定要注意因为修改了项目根目录（root）所带来的问题，利用将路径重置到相对于项目根的位置！关于如何使用这个多页面脚手架，可以看 README.md 文件。github地址。