wanglei1900

摘要： 前端通过html2canvas和JsPDF插件将全部或部分网页按照PDF图片导出 建议放入项目中工具文件夹下，部分引入。 import html2Canvas from 'html2canvas'; import JsPDF from 'jspdf'; /******* * @description 阅读全文

摘要： "vue-router": "^4.1.6" 遇到的问题 动态路由刷新后，出现空白页 动态路由刷新后，控制报错[Vue Router warn]: No match found for location with path "/***/index" 1.动态路由，刷新后出现空白页如何解决 通过打断点 阅读全文

摘要： 动态DOM节点的classList属性 为 div元素动态添加 class: element.classList 定义和用法 classList 属性返回元素的类名，作为 DOMTokenList 对象。 该属性用于在元素中添加，移除及切换 CSS 类。 classList 属性是只读的，但你可以使 阅读全文

摘要： Vue3 插槽 父组件向子组件提前挖好的坑(slot)处，填入对应的内容就叫插槽。插入的内容不局限于文本，甚至可以传入多个元素和数组。 一、理解插槽 如何使用插槽 插槽使用的最多的地方就是使用ui组件库时 官网上的例子很好，用js的函数来类比。 // 父元素传入插槽内容 FancyButton('C 阅读全文

摘要： computed 计算属性 计算属性就是当依赖的属性的值发生变化的时候，才会触发他的更改，如果依赖的值，不发生变化的时候，使用的是缓存中的属性值。 computed 基础用法 Vue3中有两种写法 如果计算属性不需要修改，可以直接使用函数形式 如果计算属性有被修改的情况，则使用对象包括getter和 阅读全文

摘要： 一、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 阅读全文