在完成任务的同时，还需要不断“复盘”，不论你多么的忙，都需要留下时间思考，可以思考哪些地方做的好，哪些地方我们可以改进，应该如何改进，注重总结才是王道

2021年7月9日

摘要： 1.动画组件代码(组件名称:CommonTransition) <template> <div> <transition> <slot></slot> </transition> </div> </template> <script> export default { name: 'CommonTr 阅读全文

posted @ 2021-07-09 18:01 pwindy 阅读(106) 评论(0) 推荐(0)

vue-router的滚动行为

摘要：使用前端路由，当切换到新路由时，想要页面滚到顶部，或者是保持原先的滚动位置，就像重新加载页面那样。 vue-router 能做到，而且更好，它让你可以自定义路由切换时页面如何滚动。当创建一个 Router 实例，你可以提供一个 scrollBehavior 方法： const router = n 阅读全文

posted @ 2021-07-09 16:39 pwindy 阅读(73) 评论(0) 推荐(0)

keep-alive标签的exclude属性---网页性能优化

摘要：当某个组件每一次请求的数据根据id的不同，需要不断请求不同的数据的时候，这个时候可以把该组件的名称作为exclude的属性值，表明该组件的不参与keep-alive优化性能。 <keep-alive exclude="Detail"> </keep-alive> 这个时候数据的请求就不能放在acti 阅读全文

posted @ 2021-07-09 16:26 pwindy 阅读(84) 评论(0) 推荐(0)

递归组件的使用

摘要： 1.html代码 <template> <div class="detail_list"> <div v-for="(item,index) of listdata" :key="index" class="tit_list" > <div class="border-bottom"> <span 阅读全文

posted @ 2021-07-09 15:18 pwindy 阅读(59) 评论(0) 推荐(0)

头部渐隐渐现效果----移动端

摘要： 1.html部分 <template> <div class="header_wrap"> <router-link tag="div" to="/" class="backindex" v-show="backindex"> <div class="iconfont icon-back"></di 阅读全文

posted @ 2021-07-09 10:42 pwindy 阅读(68) 评论(0) 推荐(0)


博客园 © 2004-2025 浙公网安备 33010602011771号浙ICP备2021040463号-3

导航

2021年7月9日