前端

参考 lodash.fill | Lodash中文文档 | Lodash中文网 (lodashjs.com) 环境搭建 安装依赖 安装 lodash：npm i lodash -S 安装 Ts 支持：

new Array 使用new Array(81)可以定义一个指定大小的数组，但是里面的值都是空 Array.apply Array.apply(null,{length:81})可以指定数组大小，并

一、参考 Vue3一兄弟组件传值之mitt，超详细！ - 掘金 (juejin.cn) 二、作用 兄弟组件通信 三、安装 四、初始化 4.1 全局挂载 在main.ts中添加如下代码 4.2 使用案例

参考 让你的Vue代码 “学会” 自动按需引入 - 掘金 (juejin.cn) 依赖下载 npm i unplugin-vue-components -D 注册插件 默认自动注册components

参考 让你的Vue代码 “学会” 自动按需引入 - 掘金 (juejin.cn) GitHub - unplugin/unplugin-auto-import 依赖下载 npm i -D unplug

参考 学习Vue3 第十五章（全局组件，局部组件，递归组件）_vue3 全局组件_小满zs的博客-CSDN博客 注册全局组件 创建子组件 全局注册 使用 此时无需引入即可使用

参考 认识组件&Vue3生命周期 顺序 创建 修改 卸载 创建组件 引入组件 测试 点击按钮后将会销毁组件，触发销毁事件 注意：beforeCreate 和 created setup语法糖是没有的

一、基本使用 现在定义了两个响应式变量，仅在watchEffect中加入其中一个 分别修改两个input的值，只会触发写在watchEffect内的变量 注意：在刷新页面后，将会自动触发一次监听事件，

参考 学习Vue3 第十章（认识watch侦听器）_vue3 watch 两个值-CSDN博客 一、定义 监听响应式数据的变化（ref 或 reactive 包裹起来的数据） 二、用法 2.1 基本用

参考 学习Vue3 第九章（认识computed计算属性）_computed-CSDN博客 用法 选项式写法 支持一个对象传入get函数和set函数 读取值的时候经过get函数 设置值的时候经过set

一、参考 学习Vue3 第八章（认识to系列全家桶）_vue3 去掉 expects a reactive object but received a p-CSDN博客 二、toRef 2.1 作用

参考 学习Vue3 第七章（认识Reactive全家桶）_import { reactive } from 'vue_小满zs的博客-CSDN博客 与 Ref 区别 区别 ref reactive 支

引入依赖 import { ref } from 'vue'; 监听dom元素 效果演示引入依赖 import { ref } from 'vue'; 监听dom元素 效果演示引入依赖 import

参考 学习Vue3 第六章（认识Ref全家桶）_ref_小满zs的博客-CSDN博客 使用案例 演示 代码

一、自定义插件 在 main.js 中添加指令信息 测试：创建 img.vue 模拟要加载的图片，控制台成功打印图片信息，证明自定义指令添加成功 二、监控图片是否可视 工具类安装：npm i @vue

原页面代码 修改为组件插槽后代码 插槽代码 article.vue 使用演示原页面代码 修改为组件插槽后代码 插槽代码 article.vue 使用演示原页面代码 修改为组件插槽后代码 插槽代码 ar

要求 在浏览器上下滚动的时候，如何距离的顶部的距离大于78px,吸顶显示，小于78px则隐藏 环境搭建 工具类安装：npm i @vueuse/core 创建吸顶页面 fixed.vue： 引用该组件

参考 【精选】如何在vue项目中引入scss 环境搭建 安装scss: npm install sass node-sass sass-loader 创建变量文件： vue 引用 scss 变量 组件

一、环境搭建 1.1 依赖下载 控制台输入npm install vue-router 1.2 注册路由服务 在 main.js 中添加路由信息 1.3 创建路由信息 二、代码说明 2.1 一级路由

阿里云图标库：iconfont-阿里巴巴矢量图标库 选择图标后入库 添加进项目 生成在线链接 在 index.html 绑定在线链接 复制图标代码 在页面添加图标