一、前言 大家好，今天来聊聊vue3中如何使自定义hook及如何对组件进行封装，下面我将基于elememnt-plus组件库，封装一个支持分页和过滤数据的表格组件，主要通过组合式api的方式，对tab

本篇文章主要介绍vue3源码的下载，以及Vue3历史版本的选择与下载。并不涉及安装之后的依赖配置等。

好了 同学们可以快乐的玩耍了。

命名规范 : 使用大写字母和下划线来组合命名，下划线用以分割单词。 同时还需要注意：必须符合自定义元素规范: 切勿使用保留字。 作用域不大临时变量可以简写，比如：str，num，bol，obj，fun，arr。 循环变量可以简写，比如：i，j，k 等。 多个特性的元素应该分多行…

hook到底是什么？我第一次看到这个词的时候是在学Vue的生命周期，我记得当时上面的翻译是钩子,好像也还挺形象的，但随着知识量的增多，他好像并不是这么回事？那么hook是什么意思呢？

在实际项目中，通常会遇到存在大量的业务条件选择的场景，这种情况下如果使用大量的"v-if"和"v-else"指令，会造成代码冗余，页面渲染性能下降，加载时间增加等问题，那该如何进行优化呢？

注：下面实现项目效果主要是关于JavaScript方面的，下面仅仅是提供实现思路的代码，并非全部代码。 css代码可以根据个人习惯进行美化界面，所以这里就不写css的代码了，大家可以直接看项目代码或者从开发者工具中审查元素观看。如果有问题可以私聊我，我觉得问题不大。 首先，准备…

在刚开始接触canvas的时候做过一个demo，内容就是一张画布，很简陋，只能画线，故决定实现一个功能差不多，能涂能擦的canvas画板，基于vue3+ ts

下面是一个可运行的canvas动态星空的html文件，可以直接通过npx vite --port=4001启动容器，然后访问http://127.0.0.1:4001/star.html 访问 文件