- 博客(11)
- 收藏
- 关注
原创 $route.push()多次点击跳转报错问题
1.出现的问题:当我们在多次点击this.$route.push()方法以后会出现一下报错:出现上述的问题是vue-router:“^3.5.3"最新出的vue-router引入了promise(当我们点击了router.push()以后返回的 是一个promise对象。2.解决的方案:1.通过给push方法传递相应的成功,失败、的回调,可以通过捕获到当前的错误,可以解决(但不是最根本的方法),将来在别的组件中push|replace.编程式导航还是有类似的错误。2.重写route.
2022-05-11 22:00:17
2662
原创 vue中的插槽slot
插槽solt,vue中的一个简单但又常常被忽视的一个知识点,尤其对一个前端的新手来说,我不知道自己都复习了多少遍,但是对这边的知识比较模糊,今天就总结一下:1.什么叫插槽:插槽(solt)是vue为组件的封装者提供的能力,允许开发者在封装组件的时候,把不确定的由用户指定的部分定义为插槽(v-slot的简写形式:#)2.solt的分类: 具名插槽 默认插槽 作用域插槽具名插槽与匿名插槽一样,只是匿名插槽默认的name,name="default"省略了2.1具名插槽:父组件...
2022-05-09 17:15:52
631
原创 vue中的meat的使用
作为一个新手,开始的时候并不太知道路由中有meat这个东西,在在项目的时候,发现这东西还挺好用的,解决了好多的问题,言归正传,每一个路由都含有一个meat字段。1.meat的配置:const router = new Router({//配置路由规则rouotes:[{path:"/",name:'index',compontent:index,meat:{//使用对象的方式配置show:true;}})2.使用meta数据:$route.meat
2022-05-09 10:20:59
725
原创 vue中EventBus的实现原理
通常我们在组件之间的通信的时候常常会使用到eventbus解决同胞组件之间的传值,但是一直都搞不懂eventBus的实现原理,今天我就给大家分享一下eventBus底层的原理,不对的地方希望大家多多指点。我们使用class类的形式来实现EventBus的原理:...
2022-05-07 11:08:46
1709
原创 vue 项目结构
作为一个新手当我们拿到一个新的项目的时候,常常不太清楚它的项目结构就很头痛,今天我给大家梳理一下vue的项目结构:node_modules文件:项目依赖文件夹public文件夹:一般放置一些静态的资源(图片),需要注意的是放在public文件中的静态资源webpack进行打包的时候,会原封不动的打包到dist文件夹中src文件夹(程序员自己代码放置的地方)assets文件夹:一般也是放置一些静态的资源(一般放置多个组件的静态资源),需要注意的是放置在assets文件夹里面的资源在webpac.
2022-05-06 16:05:32
6844
原创 对于vue中解决跨域请求的方案
首先我们来说一下出现跨域的原因就是浏览器的同源策略问题,当我们请求的地址何我们vue或者react服务器端口号,域名,协议 有任意一个不同的话就会造成跨域的问题本质也就是浏览器的一种安全机制,但是这种问题也有办法去解决的,一般在vue或者是react项目中一般我们会使用到代理方案去解决。假如当前我们的端口是3000,请求的地址的端口号是5000,这明显的进行了跨域的操作,浏览器会给我们报错的,但是我们请求的数据饭回来了吗?我们的数据是返回了,但是浏览器给拦截了,这时我们就得需要用代理的方案去解决,我自己
2022-05-06 11:28:25
2167
原创 vue 学习相关笔记大全
u2112与三阶段无关框架是什么?封装与业务(功能)无关的代码块 简化了我们对于某些功能的代码量 但是我们需要记一套当前框架的语法淘宝镜像npm的服务器在国外 咱们国内下载的时候很慢淘宝就自建了一个服务器 每个10分钟 就把npm的服务器里面所有的内容拉取一次 我们就可以通过淘宝这个国内的服务器来下载 速度更高npm install -g cnpm --registry=https://registry.npm.taobao.org如果下载的时候报错 1.把你的网线拔了 用
2022-02-20 14:55:51
1474
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人