Vue

Vue3 效果实现 组件封装 创建引用 自定义封装一个组件，以按钮为例。首先先创建一个子组件。 在父组件中引入使用。 设置TS类型 接下来结合 ts 设置子组件传参的类型。

TS 与 Vue3 TS 与 defineProps 之前的用法 defineProps 配合 vue 默认语法进行类型校验。 可以看到代码繁琐，如果变量多，则代码量会剧增。

TypeScript 基本概念 是什么 TypeScript 简称：TS，是 JavaScript 的超集，简单来说就是：JS 有的 TS 都有（在 JS 基础之上，为 JS 添加了类型支持）

Vue3 vue-router4 基本使用 安装 配置路由 在 main.js 中引入 使用 Pinia 基本介绍 官方网站：https://pinia.vuejs.org/ 为什么学习pinia?

setup setup 函数是一个新的组件选项, 作为组件中 compositionAPI 的起点 从生命周期角度来看， setup 会在 beforeCreate 钩子函数之前执

Vuex 概念 是什么 Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。 状态管理模式：Vu

Vue 路由 概念 什么是路由 路由是接口与服务的一种映射关系。 vue 路由是路径和组件的映射关系。 路由的作用 可以在一个页面内，切换业务场景。 优点 整体不刷新页面，用户体验感会更好。 数据传递

Vue 动态组件 动态组件基本概念 作用 可以让多个组件使用同一个挂载点，并动态切换 语法 例子 创建两个子组件。 子组件1： 子组件2： 在 App.vue 中插入动态组件

Vue 生命周期 概念 组件从创建到销毁的整个过程就是生命周期。 钩子函数 阶段 方法名 方法名 初始化 beforeCreate created 挂载 beforeMount mounted 更新

Vue Vue 组件 概念 组件就是可复用的 vue 文件（ Vue 实例, 封装标签, 样式和 JS 代码）。 组件化 ：封装的思想，把页面上 可重用的部分 封装为 组件

Vue 动态样式 动态 class 语法： :class="{类名 : 布尔值}" 判断后面的布尔值，如果为真则添加样式类名，否则移除。需要用大括号包括起来。 动态 style

Vue Vue 的基本概念 为什么要学 vue 开发更加的效率和简洁，易于维护，快！快！快！就是快。 什么是 vue Vue 是一个 渐进式 的 javascript 框架