VUE3.0

为什么要进行组件的封装？ 为了代码高效复用，易维护，易应用；说的直白一下就是为了自己少写代码，有更多的时间钻研更多其他方面的事物；甚至可以说是为了自己有更多摸鱼时间； 一、组件封装的核心原则 1、单一

pinia 中数据可持续化 即：如何让 pinia 中的数据 状态 在刷新页面时候不丢失； 1、结合前端本地缓存 localStorage，本地缓存方案自行脑补，不再赘述 2、引入插件使用 建议使用

pinia 主要包括以下五部分，经常用到的是 store、state、getters、actions 以下使用说明，注意事项，仅限于 vue3 setup 语法糖中使用，若使用选项式 API 请直接查

前言：为什么需要使用高级类型，正常的类型不能满足日常的业务需求，对于复杂的数据结构、函数签名、类型转换，我们需要使用高级类型来处理，常用的高级类型包含以下几种： 常用的类型定义： 基本类型： 像 nu

引言：面相对象编程在我们工作中必须同时也是不可或缺的一部分，想要对JavaScript | TypeScript 有更加深刻的理解应用，我们需要充分学习应用 1、类的基本用途 在TS中 类描述了所创建

引言：自定义指令，我们可以通过插件的形式进行全局注册： 例如：在提交按钮请求接口时候，为了防止重复提交，而导致的请求资源浪费，或者是新增提交时候，防止新增相同的数据。 我们的全局注册自定义防重按钮 1

一、首先什么是插件 插件 (Plugins) 是一种能为 Vue 添加全局功能的工具代码。 主要应用于以下四个方面 1、通过 app.component() 和 app.directive() 注册一

1、interface 接口只能定义描述对象类型 如： // 定义函数 2、类型别名 type则可以定义多种类型 如： 由上可见 type 可以定义基本类型别名、元组类型，type 支持联合类型，交叉

vue3 组合是API 中我们经常使用的 监听函数 computed 和 watch使用 1、computed 里面添加类型 2、watch() 中的类型使用 // 监听单个数据源时候

vue3 项目中TS常见用法之 ref() /reactive()/ defineProps() 使用的注意事项及用法 1、ref 创建的响应式对象 类型 vue3 文件中 当我们在 script 中

1、vue3 中使用 sass 时候的 穿透写法 而样式的穿透 多用于在项目自定义修改第三方 UI库的样式，用于满足本身项目的需要； 比如：vue常用的组件库（element-plus, vant,

引言：什么是Sass? Sass（Syntactically Awesome Style Sheets）是一种CSS预处理器，它扩展了CSS的功能，提供了更高级的语法和特性，例如变量、嵌套、混合、继承

引言 vue 项目中为什么要使用 nextTick 这个函数，是做什么用的，解决了哪些问题 1、nextTick 作用 用于处理DOM更新完成之后，执行回调函数的方法； 2、实现方案 vue2 中 n

1、什么是事件循环 事件循环就是消息队列，是浏览器渲染主线程的工作方式； 过去将消息队列，简单的分为宏任务 和微任务 两种队列，而对于现在复杂多变的浏览器环境，显然这种处理方式已经不能满足使用，取而代

1. 编译阶段，主要有如下： 1.1 diff算法优化 vue3在diff算法中相比vue2增加了静态标记 关于这个静态标记，其作用是为了会发生变化的地方添加一个flag标记，在渲染过程中跳过静态节点

1、什么是 Hooks Hooks 最先提出的是React，在 React 16 之后提出了所有以use 开头定义的函数，用于复杂功能编写、函数组件中状态管理共用、副作用处理而抽离的共用的单一功能可复

1、前言： 为什么vue 中已经有 template 模板语法，以及JSX了，还要使用 h()渲染函数； vue 中选择默认使用template 静态模板分析，有利于DMO性能的提升，而且更接近真实的

vite 创建项目的情况下 安装 配置vite.config.js 1、什么是 JSX JSX是一种JavaScript的语法扩展，它允许在JavaScript代码中直接编写类似HTML的标记结构。V

vue2 与 vue3 的全局属性使用方法区别 1、globalProperties getcurrentinstace vue3 中已经移除对外暴露 getcurrentinstace,建议使用下面

defineOptions() 3.3 版本以上才可以使用 引言： 在使用组件时候 默认情况下，父组件传递的，但没有被子组件解析为 props 的 attributes 绑定会被**“透传”**。这意