- 博客(11)
- 收藏
- 关注
RSS订阅原创 watch监听
5、watch中不要使用箭头函数，箭头函数中的this指向的是定义时的对象而不是函数运行时所在的对象，即全局定义时的window对象。this.$route.path获取当前路由，用在监听里就是，当监听到路由的变化是，进行什么什么操作。6、watch的超强用法，watch可以监听到只要能通过this.访问的属性，比如面包屑里的监听使用。1、在vue中watch用来监听数据的变化，当数据变化时可以执行一些操作。2、第一次绑定watch时，不会执行监听函数，发生改变时才会触发监听。设置deep：true。
2023-03-29 01:31:47
2416
原创 路由进行懒加载，实现开屏速度优化
无论是路由还是图片懒加载，就是优先加载用户可视区域，vue是单页面应用，可能会有很多个路由引入，这样使用 webpcak 打包后的文件就很大，当进入首页时，因加载资源过多，页面就会出现白屏的情况，不利于用户体验。如果说在路由被访问的时候才加载对应的组件，这样就更加高效了，大大提升了首屏的加载速度。
2023-03-28 23:24:14
115
原创 全局路由守卫
思路：结合全局导航钩子函数：router.beforeEach(to,from,next)，作用：跳转前进行判断拦截。登录页面放行，不是的登录页面结合token，有token放行。from 从哪里来，to 到哪里去，next() 放行。如果有消息提示记得引入message。
2023-03-28 15:37:45
64
原创 echarts的使用，配合搜索，搜索后echarts反应的搜索数据
注意：在mounted调用，因为在放入echarts图前，要准备好一个有宽高的dom节点，而mounted就是dom挂载时期的钩子函数，created时期dom还未进行任何渲染，所以如果要在created时期就使用echarts，那就要在created里加$nextTick。定义一个方法serch()，点击搜索按钮后时触，重新调用接口 getOrderTotal()，重新渲 染数据页面。逻辑是：定义一个方法draw()，调用echarts。
2023-03-28 01:52:34
596
原创 浅拷贝、深拷贝
新旧对象共用一个内存，原属性是基本类型，拷贝的是基本类型的值，原属性是引用类型，拷贝的是内存地址。3.4 Array.prototype.concat()：var arr = ['男团',{name:'威神v'}];3.3 Array.prototype.slice()：var arr = ['男团',{name:'威神v'}];引用类型：对象（Object）、数组（Array）、函数（Function）堆内存中划分新区域存放对象，拷贝对象与原对象不共享内存，修改新对象不影响原对象。
2023-03-24 01:24:23
39
原创 promise
promise，简单说就是一个容器，里面保存着某个未来才会结束的事件（通常是一个异步操作）的结果。从语法上说，Promise 是一个对象，从它可以获取异步操作的消息。promise是为了解决回调地狱。Promise的实例有。Promise的实例有。
2023-03-17 00:31:59
41
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人