m0_52744273的博客

vue-router+element-plus实现动态的面包屑导航栏、动态的路由标签栏

vue响应式原理，vue2基于Object.defineProperty()的响应式、vue3基于Proxy的响应式，简单实现。

根据useRouter().getRoutes()获得的一维路由数组，动态生成分层级的路由菜单栏。

大致流程如下1. 我们使用vue提供的ref属性来获得标签的dom对象2. 该dom对象的files属性数据类型为FileList，为input的文件信息3. 遍历FileList，得到File对象，使用FileReader读取File对象，获得该文件的ArrayBuffer对象4. 把ArrayBuffer对象转换为数组，使用post请求发送给后端。（题外话：后端拿到ArrayBuffer对象也能保存文件，但很怪的一

父与子通信，使用props、$attrs、$parent、$emit；父与后代通信，使用provide、inject；任意组件间通信，使用事件总线。

1.路由基础路由的基本使用编程式导航命名视图2. 路由传参方式一：就硬写方式二：通过query和params带参数的动态路由

vuex的基本使用，vuex的模块化，vuex的进阶