woow-wu7 / 8-element-plus-source-code-analysis

element-plus源码分析

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

element-plus

任务清单

  • breadcrumb breadcrumb-item
  • divider
  • container

其他源码

(1) redux 和 react-redux 源码分析 [redux^4.0.5]

(2) 手写 webpack Compiler 源码 [webpack^4.42.0]

(3) axios 源码分析 [axios^0.20.0]

(4) vue 源码分析 [vue^2.6.12]

(5) vuex 源码分析 [v2.6.10]

(6) react 源码分析 [react^17.0.3]

(7) a-hooks2.0 源码分析 [a-hooks^2.10.9]

(8) a-hooks3.0 源码分析 [a-hooks^2.10.9]

(9) koa 源码分析 [koa^2.13.1]

(10) badJs-report 源码分析

(11) element-ui 源码分析

(12) element-plus 源码分析 [element-plus^2.26]

(13) vant [vant^3.4.5]

(14) Diff-virtualDOM

细节

(1) el-breadcrumb el-breadcrumb-item

el-breadcrumb el-breadcrumb-item
---

1. provide 和 inject -> 跨级传递数据
2. getCurrentInstance().appContext.config.globalProperties.$router -> 获取router实例
3. ref + element.querySelectorAll() -> 获取所有子元素
4. aria-current='page' vs is-active -> https://codepen.io/scottohara/pen/PmOaKm

About

element-plus源码分析

License:MIT License


Languages

Language:Vue 64.8%Language:TypeScript 34.1%Language:JavaScript 0.8%Language:Shell 0.2%Language:HTML 0.1%