Vue2超详细知识树状图③：组件路由、swiper、缓存、过渡

已于 2023-04-19 10:19:53 修改
阅读量257 收藏
点赞数 1
分类专栏： 前端核心知识树状图总汇 文章标签： 前端 javascript vue.js
于 2023-04-19 10:17:16 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_42373175/article/details/130237648
版权

前言

学习任何新知识，最重要的永远都是搭建属于自己的知识框架，随后学习的细碎知识点往框架里面填入，最后形成一棵属于自己的知识大树。本系列的博客专注更新总结好的思维导图，希望可以帮助大家快速理清知识结构。

一、路由&swiper

二、动态组件&缓存&过渡动画

 

持续更新~

更多可见：https://www.yuque.com/books/share/8ebc3ca3-f7fc-480c-a25a-f005f94a559b?# 《前端核心知识总汇》

小五Five
关注
专栏目录
Vue3基础（2）——组件基础
SongD1114的博客
04-07 1518
Vue3.0组件基础：组件的封装、props、计算属性、自定义事件、v-model
vue生命周期swiper/封装
qq_45271323的博客
11-30 426
vue生命周期swiper <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <link rel="stylesheet" href="https://unpkg.com/swiper/css/sw...
VUE2.0思维导图
11-27
最新的vue2.0思维导图，包括生命周期、数据双向绑定、vuex、路由等vue常用的插件。
vue2自定义流程图组件（vue+css3+html）
qq_41444226的博客
05-10 4140
来由：项目用的是iview组件库进行开发的，但是它的时间轴组件无法满足项目复杂需求，所有特意自定义这个新的流程图组件 注意：所有图标是阿里云iconfont图标库 页面 <!-- 自定义流程图 --> <div class="new-approval-map"> <h2 class="map-title">审批进度</h2> <div class="map-node"> <div class="map-.
交互式前端dtree树组件设计与应用
最新发布
weixin_42298254的博客
09-24 703
本文还有配套的精品资源，点击获取 简介：交互式树形数据结构组件"dtree树"，通过HTML、CSS和JavaScript技术构建，主要用于网页展示层次化数据。此压缩包包含了定义样式的CSS文件、API文档、示例文件、核心JavaScript文件和图形资源。开发者可以通过自定义dtree功能来操作层级关系，满足实际项目中对层次化数据展示和交互的需求。 1. dtr...
Vue2思维导图
m0_74331160的博客
01-13 335
Vue2思维导图
Vue 思维导图(二)
极客神殿
06-03 584
本图覆盖学习所有基本知识点，有需要的同学可以保存到本地进行缩放，如有问题欢迎批评指正
[vue2]自定义列数的流程图组件
qq_45583145的博客
05-28 412
[vue2组件] 自定义列数的流程图组件
vue2 + antvx6 实现流程图功能
haizhuang_bu的博客
05-03 1305
【代码】vue2 + antvx6 实现流程图功能。
vue基础知识笔记（二）—— 组件
weixin_51341611的博客
03-04 1165
vue基础知识笔记——组件详解，持续更新中。
vue实现新闻展示页的步骤详解
12-08
轮播图使用：swiper  zepto.js  vue.js  vue.resource.js  vue-router.js 滑动插件：iscroll.js 界面样式采用的 weui 设计的思路 因为使用了vue.js 每个分类的样式不一样，而且分类是可以配置的。所以呢...
基于vue2.x+antdesign+antv x6实现的流程图编辑器.zip
05-31
基于vue2.x+antdesign+antv x6实现的流程图编辑器.zip
vue2.0思维导图
09-18
vue 思维导图 帮助你大概了解vue的知识体系，更多的关于vue2.0的知识体系，比较详细 0000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000
Vue2 思维导图(第一版).emmx
10-22
Vue2 思维导图(第一版).emmx
vue2面试题
weixin_62305533的博客
04-19 612
​ 使用插件的时候会用到。例如new Swiper这个插件可能会获取当前元素的宽度或者高度，等dom都加载完毕再去获取宽度和高度就不会有任何问题了。changeName(name) { // name形参是子组件中传入的值Jack。​ 如果项目中使用插件，并且插件是要获取dom的，那么就可以使用ref了。使用场景：组件中有些地方的布局可能大多一致，但是细微有些小小变化。// 注：此处事件名称与父组件中绑定的事件名称要一致。传统的页面对于seo比较好，多个html文件收录。​ 解答：会之前前面4个。
Vue2.x基本知识超详细的思维导图（完整图/可保存）
前端探险家的博客
04-12 1943
抽周末时间，没事看看Vue的官网，也顺便做了一下Vue2.x基本知识超详细的思维导图，大家可以保存起来，一图在手，天下我有，Vue2.x进阶知识的思维导图等哪个周末闲了再弄！ 如果对你有用，记得点赞哦，谢谢！ ...
流程图实现，基于vue2实现的流程图
weixin_45776308的博客
07-18 1660
flex布局 + 伪元素实现竖直的连接线+组件递归。
Vue——Vue2项目开发流程以及Element组件库的使用
测试
05-04 1243
Element组件库
Vue2超详细知识树状图②：组件基本使用、通信、插槽、生命周期
有事儿私信。
04-19 253
学习任何新知识，最重要的永远都是搭建属于自己的知识框架，随后学习的细碎知识点往框架里面填入，最后形成一棵属于自己的知识大树。本系列的博客专注更新总结好的思维导图，希望可以帮助大家快速理清知识结构。
Vue.js封装Swiper组件实现图片轮播
"Vue封装Swiper实现图片轮播效果，基于Swiper的纯JavaScript特性，创建适用于移动终端的滑动特效组件。Swiper提供多种触屏交互效果，如焦点图、Tab切换和多图切换。在Vue中，通过组件化方式实现轮播图，提高代码的...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值