摘要: 比如说从商品列表跳到详情页但是在详情页没有底部的导航栏,但是在返回到商品列表,下面的导航在次出现 涉及的知识点是组件的通信 子组件传信息到父组件是 this.$emit("",参数) 父组件传信息到子组件是在组件data外面写一个props:[''list"],跨组件通信用到了const bus = 阅读全文
posted @ 2021-08-21 18:06 JSkolo_yyds 阅读(142) 评论(0) 推荐(0) 编辑
摘要: 1,全局前置守卫 写法为router.beforeEach( ( to,from,next)=>{ } ) 进入每个路由之前都会经过这里 写法为router.beforeEach( ( to,from,next)=>{ } ) 这个写在最外面 应用场景1给每一个组件写一个title 2进入每个页面都 阅读全文
posted @ 2021-08-21 17:33 JSkolo_yyds 阅读(77) 评论(0) 推荐(0) 编辑
摘要: 什么情况下回引起页面的重绘? 字体颜色 背景颜色 所有外观的属性改变… 注意:我们应当注意的是:重绘不一定导致重排,但重排一定会导致重绘。重排比重绘的代价要更高。 什么情况下会引起页面的重排? 添加或删除可见的DOM元素 元素位置改变 尺寸改变(边距、填充、宽度、高度) 浏览器窗口尺寸改变 阅读全文
posted @ 2021-08-21 14:17 JSkolo_yyds 阅读(25) 评论(0) 推荐(0) 编辑
摘要: debounce(防抖)的特点是当事件快速连续不断触发时,动作只会执行一次 节流(throttle)函数不管事件触发有多频繁,每隔一个时间周期就会执行一次事件处理程序 防抖简单实现 <input name="username" type="text" oninput="checkUsername(t 阅读全文
posted @ 2021-08-21 14:11 JSkolo_yyds 阅读(27) 评论(0) 推荐(0) 编辑
摘要: 1,动态路由匹配 const User = { template: '<div>User</div>' } const router = new VueRouter({ routes: [ // 动态路径参数 以冒号开头 { path: '/user/:id', component: User } 阅读全文
posted @ 2021-08-21 11:36 JSkolo_yyds 阅读(61) 评论(0) 推荐(0) 编辑