1、打开注册表regedit2、找到对应文件计算机\HKEY_CLASSES_ROOT\*\shell，鼠标放在shell上面右键-->新建-->项 ，然后可以跟新建的项重命名为VisualCode3、双击设置右键文件要显示的文字提示4、同时右健空白处，新建，可扩充字符串值，修改名称为Icon，数据数值为vscode安装的路径5、鼠标放在VisualCode上右键新建项，然后命名为Co

mockjs可以模拟数据，可以使我们更快的得到较为真实的数据，且可以拦截axios的接口调用，让我们的代码实现了调用接口的逻辑且得到模拟的数据，保存业务完整度。使用步骤：1、安装npm i mockjs2、配置 src/mock/index.js这里的setup是配置，跟vue3的setup不一样。import Mock from 'mockjs'// mock的配置Mock.setup({//

onClickOutside是Vueuse里面的一个函数，所以使用它之前要先下载Vueusenpm i @vueuse/core然后引入onClickOutside函数，此函数可以监听一个函数元素，实现点击这个元素的其他地方触发的函数，比如一个组件，点击组件的其他地方关闭该组件。具体实现的逻辑如下：import { onClickOutside } from '@vueuse/core'setup

众所周知，vue中我们引入elementui之后可以直接通过this.$message.XXX去实现弹窗的显示。我们也可以自己封装实现自己想要的效果。下面是封装的一个仿elementui的vue3消息提示弹窗组件，组件接收两个参数，一个弹窗提示的type，一个是弹窗提示的文本。我们最终想要实现的结果是像vant组件封装好的那样，通过函数式调用实现弹窗的显示。vant的实例代码和样式如下所示。下面直

响应式数据的声明。以下内容帮助理解，不建议死记硬背

vue3.0组合API提供了更多逻辑代码封装的能力。@vueuse/core 基于组合API封装好用的工具函数。@vueuse/core 包，它封装了常见的一些交互逻辑。下载：npm i @vueuse/core@4.9.0下面是自己在项目中运用到的函数1、useWindowScroll() 是@vueuse/core提供的api可返回当前页面滚动时候蜷曲的距离。x横向，y纵向。而且这两个数据是响

vue3.0组合API提供了更多逻辑代码封装的能力。@vueuse/core 基于组合API封装好用的工具函数。@vueuse/core 包，它封装了常见的一些交互逻辑。下载：npm i @vueuse/core@4.9.0下面是自己在项目中运用到的函数1、useWindowScroll() 是@vueuse/core提供的api可返回当前页面滚动时候蜷曲的距离。x横向，y纵向。而且这两个数据是响

在HTML页面写入\r\n换行不生效的解决方法

Vue3提供了代码段的写法，即在template里面不需要写跟元素，可以直接写代码段。但是在代码段里面触发自定义事件。会报下面的警告。我们在一个组件里面，如果有好多地方都需要触发自定义事件。想要知道当前触发了哪一个自定义事件。需要把当前组件的代码浏览完毕。如果不把当前组件的代码浏览完毕，就不知道触发了几个自定义事件。vue3提供了一个配置项。emits。可以把当前组件所有的自定义事件全部声明在em

在Ts中，我们可以通过type和interface的方式去定义类型，一般情况下通过interface接口的方法定义的类型都可以通过type去定义。注意type要添加等号。Interface定义类型不需要添加等号。