夜猫子的知识栈 夜猫子的知识栈
首页
  • 前端文章

    • JavaScript
  • 学习笔记

    • 《JavaScript教程》
    • 《Web Api》
    • 《ES6教程》
    • 《Vue》
    • 《React》
    • 《TypeScript》
    • 《Git》
    • 《Uniapp》
    • 小程序笔记
    • 《Electron》
    • JS设计模式总结
  • 《前端架构》

    • 《微前端》
    • 《权限控制》
    • monorepo
  • 全栈项目

    • 任务管理日历
    • 无代码平台
    • 图书管理系统
  • HTML
  • CSS
  • Nodejs
  • Midway
  • Nest
  • MySql
  • 其他
  • 技术文档
  • GitHub技巧
  • 博客搭建
  • Ajax
  • Vite
  • Vitest
  • Nuxt
  • UI库文章
  • Docker
  • 学习
  • 面试
  • 心情杂货
  • 实用技巧
  • 友情链接
收藏
  • 分类
  • 标签
  • 归档
GitHub (opens new window)

夜猫子

前端练习生
首页
  • 前端文章

    • JavaScript
  • 学习笔记

    • 《JavaScript教程》
    • 《Web Api》
    • 《ES6教程》
    • 《Vue》
    • 《React》
    • 《TypeScript》
    • 《Git》
    • 《Uniapp》
    • 小程序笔记
    • 《Electron》
    • JS设计模式总结
  • 《前端架构》

    • 《微前端》
    • 《权限控制》
    • monorepo
  • 全栈项目

    • 任务管理日历
    • 无代码平台
    • 图书管理系统
  • HTML
  • CSS
  • Nodejs
  • Midway
  • Nest
  • MySql
  • 其他
  • 技术文档
  • GitHub技巧
  • 博客搭建
  • Ajax
  • Vite
  • Vitest
  • Nuxt
  • UI库文章
  • Docker
  • 学习
  • 面试
  • 心情杂货
  • 实用技巧
  • 友情链接
收藏
  • 分类
  • 标签
  • 归档
GitHub (opens new window)
  • JavaScript文章

  • 前端架构

  • 学习笔记

    • 《JavaScript教程》笔记
    • 《Web Api》笔记
    • Vue笔记
    • React学习笔记
    • 《ES6教程》
    • Git学习笔记
    • TypeScript学习笔记
    • 《Uniapp》笔记
    • 《Electron》笔记
    • 《Node》笔记
    • 小程序笔记
    • JS设计模式总结笔记
  • 全栈项目

Vue笔记
Vue笔记,包括基础,三件套,配置,路由
目录
# 1. 基础
1-1. MVVM模式 1-2. 生命周期 1-3. 修饰符 1-4. script setup(Vue3) 1-5. 片段(Vue3多根节点的概念) 1-6. Vue监测属性的原理 1-7. 计算属性 vs 方法 vs 侦听属性 1-8. v-if vs v-show 1-9. 列表渲染之数组、对象更新检测 1-10. style特性 1-11. style中的v-bind 1-12. 渲染机制
# 2. 响应式
2-1. Vue3 Proxy 响应式原理 2-2. 双向绑定原理 2-3. v-model
# 3. 组件
3-1. Prop 验证 与 非 Prop 的 Attribute 3-2. Attrbuite的继承 3-3. 使用组件的细节点 3-4. 祖先组件给后代传值 3-5. 父组件给子组件传值 3-6. 子组件派发事件和值给父组件 3-7. 自定义事件 3-8. 兄弟组件传值 3-9. 非父子组件传值 3-10. 父组件调用子组件方法并传入值 3-11. 插槽slot 3-12. 异步组件 3-13. 动态组件与 v-once 指令 3-14. vue父子组件的生命周期顺序
# 4. 过渡&动画
4-1. transition过渡&动画 4-2. 使用animate库 4-3. transition-group列表过渡
# 5. 可复用性
5-1. Mixin混入 5-2. 渲染函数 5-3. 全局API 5-4. Teleport 5-5. 组合式API 5-6. 引入css样式 5-7. 自定义hook 5-8. 自定义插件 5-9. 自定义事件 5-10. 自定义指令
# 6. 工具
6-1. Vue CLi v3 创建项目使用记录 6-2. Vue CLi变量环境 6-3. Vue Cli生成的Html文件
# 7. 规模化
7-1. 路由懒加载
# 8. 路由(核心)
8-1. 路由基础使用 8-2. 编程式路由导航 8-3. 路由懒加载 8-4. 路由传参 8-5. 路由守卫 8-6. 路由缓存及路由前进后退 8-7. 路由元信息 8-8. 嵌套(多级)路由 8-9. 路由过渡动效
# 9. 组合式
9-1. 响应式包装 9-2. 计算属性 9-3. 侦听器 9-4. 依赖注入
# 10. Vuex
10-1. Vuex
# 11. Pinia
11-1. Pinia 11-2. 编写Pinia持久化插件
# 12. 其他
12-1. 手动渲染虚拟dom 12-2. 全局事件总线($bus) 12-3. 全局方法和属性 createAPP 12-4. Vue3-TS 中使用 Express 12-5. watch监听Props属性值失败原因 12-6. main.js推荐配置 12-7. 脚手架前期基础配置 12-8. 跨域之config.js配置 12-9. Vue中的防抖函数封装和使用 12-10. vue的数据更新 12-11. 操作本地缓存 12-12. api使用流程 12-13. ajax封装及api的获取和配置 12-14. vue解析n字符 12-15. TS获取ref绑定元素 12-16. 解决vue3中Props无法引入外部类型 12-17. vue2升vue3注意事项
# 13. Vue3 源码学习记录
13-1. 前言 13-2. ref源码 13-3. 简单实现v-show 13-4. 简单实现v-modal 13-5. watch源码浅析
上次更新: 2023/7/11 18:57:41
《Web Api》笔记
React学习笔记

← 《Web Api》笔记 React学习笔记→

最近更新
01
IoC 解决了什么痛点问题?
03-10
02
如何调试 Nest 项目
03-10
03
Provider注入对象
03-10
更多文章>
Copyright © 2019-2025 Study | MIT License
  • 跟随系统
  • 浅色模式
  • 深色模式
  • 阅读模式