02 2023 档案
摘要：# VueUse 简介 > VueUse 是一款基于Vue组合式API的函数工具集。[官网地址](https://vueuse.org/ "官网地址")（短时间不会出中文文档:sob:） - 它基于Vue Composition Api (组合式API)，只有在支持组合式API的环境下，才可以正常使
阅读全文
摘要：v-slot(简写#) 默认插槽简写为#default 在2.6.0中，为具名插槽和作用域插槽引入了一个新的统一的语法，即v-slot。它取代了slot和slot-scope这两个目前已被废弃但未被移除且仍在文档中的attribute中。但是将会在vue 3 中，被废弃的这两个，不会被支持即无效。
阅读全文
摘要：$attrs号称捡漏王 当父组件给子组件传值，子组件并没有接收数据时，此时数据在$attrs中可以拿到，并且如果子组件不需要使用数据，而孙组件需要，则可以直接v-bind="$attrs"传给孙。 示例： <-- 父组件 --> <div> <myButton type="primary"/> <d
阅读全文
摘要：一、事件冒泡和捕获 运行条件：当一个事件发生在具有父元素的的元素上时，现代浏览器根据事件添加时的设置来执行（冒泡或者捕获） 通过 addEventListener() 的第三个属性来设置事件是通过捕获阶段注册的（true），还是冒泡阶段注册的（false）。默认情况下是 false。 1、事件冒泡
阅读全文
摘要：一、特点 TypeScript 是添加了类型系统的 JavaScript，适用于任何规模的项目。 TypeScript 是一门静态类型、弱类型的语言。 TypeScript 是完全兼容 JavaScript 的，它不会修改 JavaScript 运行时的特性。 TypeScript 可以编译为 Ja
阅读全文
摘要：封装公共方法到原型上 再 vue2 中全局挂载方法使用的是 Vue.prototype.xxx 的形式来挂载的，但是在 vue3 中这个方法将不能使用，取而代之的是 app.config.globalProperties 任何全局的东西，应该谨慎使用。 挂载 在 main.js 中进行挂载 impo
阅读全文
摘要：详见： vue 官方文档 响应式数据 <script setup lang="ts"> import { ref, reactive, computed } from "vue"; import type { Ref } from "vue"; // ref // 可通过 Ref 或 调用ref时传
阅读全文
摘要：1.Api 自动导入 unplugin-auto-import自动引入 composition api，不需要再手动引入。（npm 地址） 下载 npm i -D unplugin-auto-import 配置 vite.config.ts import AutoImport from "unplu
阅读全文
