YOUSEEYA-CSDN博客

原创 app.js:2418 Uncaught TypeError: routes.forEach is not a function

错误就是routes.js下的export default后直接跟数组，里面写路由的配置信息。当我将路由配置routes拆分后，报了此错。

2022-12-27 20:09:31 964 1

原创什么是节流，防抖，以及如何实现--面试八股文

正常操作时，在每次事件被触发时重置定时器。是指在事件被触发后，一定时间内不再触发此事件，如果在这段时间内再次触发此事件，则重新计算时间。节流：在规定的间隔时间范围内不会重复触发回调，在连续触发事件中，执行第一个触发事件，后面的打断不了第一个，只有当第一次执行结束，才执行下面的。当用户操作很快，短时间大量触发同一个回调函数，导致算力不必要的消耗，还会导致浏览器的卡顿，这样就导入了节流防抖。防抖：前面的所有的触发都被取消，最后一次回调在定时结束之后触发，也就是说如果连续快速的触发，只会执行最后一次。

2022-12-10 17:20:52 94

原创 vuex版本和vue版本不兼容，导致数据无法挂载问题

报错信息此时我们用到时vue2,vuex版本是4.x发现vuex中的数据就是挂载不上，我们将vuex4卸载npm uninstall vuex有时候我们可能出现卸载不了的情况可以输入，cnpm uninstall vuex --force,就可以卸载了安装vuex3.xcnpm i vuex@3 -s 因为vuex是一个插件，我们可能安装vuex3之后任然有报错，这时我们将项目重新启动一下就可以了总结，当我们使用vue2的时候，使用vuex3.xx

2022-12-04 15:00:20 1007

原创 axios的二次封装

1 axios是干什么的?XMLHttpRequest、$、fetch、axios都是用来向服务器端发送请求，并获得响应2 为什么要进行二次封装axios？为了封装请求拦截器，响应拦截器请求拦截器：可以在发送请求之前可以处理一些业务响应拦截器：当服务器数据返回以后，可以处理一些事情在src下创建一个api文件夹，这里面放着我们项目中对一些api的请求requests是我们对axios的二次封装经过上面的改写，requests就相当于axios，我们可以用requests来发送请求例如，在api下的i

2022-12-03 23:39:11 1144

原创 DevServer设置代理实现跨域

跨域问题什么叫做跨域？跨域:如果多次请求协议、域名、端口号有不同的地方，称之为跨域解决方法JSONP、CROS、代理跨域代理跨域，webpack给我们提供了DevServer设置代理跨域，我们可以在vue.config.js中配置在vue.config.js /webpack.config.js 中配置

2022-12-03 23:17:44 846

原创 props原理

我们常常使用props来实现父组件对子组件的传值我们首先要了解一下with(){}使用方式：with(表达式){块作用域}作用：可以形成一个块作用域，在此块作用域中可以任意使用对象（传入表达式）的属性和方法。优点：在with(){}中，可以很方便直接使用属性名或方法，而不是用对象.属性的方式调用；并形成块作用域父组件传递数给子组件前底层会执行所以我们需要的在父组件中的数据其作用域会被绑定给子组件，其实是将数据给了props的实例_props, _props 会将自身的数据全部复制给子组件的v

2022-12-03 23:06:08 116

原创 promise用法

promise的用法，promise是用来完成异步编程。async/await 是ES7提出的基于promise的解决异步的最终方案

2022-12-02 20:50:29 114

原创路由组件能不能传递props数据?

/$route.params $route,query是当前组件vue-router 的一个实例，可以通过调用它实例对象中的对象，来获取参数。在路由配置中加上props:true,可以传递params，只能传递params，可以在页面上直接用插值表达式接收。在配置props传参后可以在页面上直接用插值表达式接收。可以，在路由配置中，由三种配置方法。

2022-12-02 11:55:09 377

原创 Uncaught (in promise) NavigationDuplicated: Avoided redundant navigation to current location:

Uncaught (in promise) NavigationDuplicated: Avoided redundant navigation to current location:由于vue-router最新版本3.5.2，引入了promise，当传递参数多次且重复，会抛出异常，因此出现上面现象,

2022-12-01 11:50:05 461 1

YOUSEEYA的博客