摘要：
动态DOM节点的classList属性 为 div元素动态添加 class: element.classList 定义和用法 classList 属性返回元素的类名，作为 DOMTokenList 对象。 该属性用于在元素中添加，移除及切换 CSS 类。 classList 属性是只读的，但你可以使 阅读全文
摘要：
Vue3 插槽 父组件向子组件提前挖好的坑(slot)处，填入对应的内容就叫插槽。插入的内容不局限于文本，甚至可以传入多个元素和数组。 一、理解插槽 如何使用插槽 插槽使用的最多的地方就是使用ui组件库时 官网上的例子很好，用js的函数来类比。 // 父元素传入插槽内容 FancyButton('C 阅读全文
摘要：
computed 计算属性 计算属性就是当依赖的属性的值发生变化的时候，才会触发他的更改，如果依赖的值，不发生变化的时候，使用的是缓存中的属性值。 Vue3中有两种写法 如果计算属性不需要修改，可以直接使用函数形式 如果计算属性有被修改的情况，则使用对象包括getter和setter方法，get为读 阅读全文
摘要：
一、watch 如果定义了reactive的数据（或者用ref包裹了引用类型等同开启reactive），想去使用watch监听数据改变，则无法正确获取旧值，并且deep属性配置无效，自动强制开启了深层次监听 watch 的三个参数 watch第一个参数,监听源 watch第二个参数,回调函数cb（n 阅读全文
摘要：
<template> <div ref="myChartsRef" :class="className" :style="{ height: height, width: width }" :option="option"></div> </template> <script setup lang= 阅读全文
摘要：
ref 的实现 ref实现响应式(基本类型)也是采用Object.definedProperty()来实现的 getter和setter ref实现响应式(对象类型)也是采用Proxy来实现（底层调用reactive方法） reactive 的实现 reactive是采用Proxy来实现 只能对引用 阅读全文
摘要：
provide与inject 依赖注入 vue3中使用setup语法糖与vue2的provide与inject的区别还是挺大的，这里不讨论vue3的配置项写法。 vue2的可以参考学习之前的vue2的provide与inject文章。 :triangular_flag_on_post: 【Vue2】 阅读全文
摘要：
Pinia Vue3中使用Pinia替代vuex 更改如下： 支持ts 体积小，压缩后1KB 去除 mutations，只有 state，getters，actions； 去除mutations后，actions 直接进行同步和异步操作修改数据 去除modules概念，只有store概念，每个sto 阅读全文
摘要：
Vue3 hooks vue2里的mixins相似，但是mixins会组件的配置项覆盖。vue3使用了自定义hooks替代mixnins，hooks本质上是函数，引入调用。 封装自定义的hooks 将图片转化成base64 import { onMounted } from "vue"; inter 阅读全文
摘要：
自定义指令directive 不同于vue2指令 bind inserted update componentUpdated unbind 1.vue3指令中的钩子函数 created 元素初始化的时候 beforeMount 指令绑定到元素后调用 只调用一次 mounted 元素插入父级dom调用 阅读全文