2023-06-14 1184 阅读 实用干货 🌋 🌠 如何为 Vue3 组件标注 TS 类型,看这个就够了! 要说今年最热门的前端技术,Vue3和TS绝对榜上有名了。据了解,已经有很多公司在使用Vue3+TS+Vite开发新项目了。那么我们也不能落后,今天就给大家分享一下如何在Vue3组件中结合Composition-Api使用TS类型。如果有不会或者不熟的小伙伴,一起学起来吧!为props标注类型使用sc
2023-06-12 1021 阅读 实用干货 🌋 🌈 Vue3优雅的监听localStorage变化 Vue3如何监听localStorage的变化。?为什么要这样做?原生的localStorage只能监听同源地址下不同页面的localStorage变化,作为单页面应用,显然不实用。所以我打算自定义一个hook监听localStorage的变化。?思路首先我们需要重写localStorage下的所有
2023-06-08 1107 阅读 实用干货 🌋 ❣ 你都用了这么久的vue3了,但是你真的懂Proxy吗? Proxy是ES6引入的一个新特性,它允许你创建一个代理对象,用于拦截对目标对象的访问。通过使用Proxy,你可以拦截目标对象上的各种操作,比如属性访问、属性赋值、函数调用等,并在这些操作发生时执行自定义的逻辑。在Vue3中,Proxy被用于劫持组件实例,以实现响应式数据的跟踪和更新。当你在Vue组
2022-12-14 3249 阅读 原创作品 🌈 🎉 八字排盘工具 项目介绍本项目基于Uni-APP框架开发的八字排盘工具,可根据已知时间、四柱进行排盘!排盘界面分命主信息、基本命盘、专业细盘和在线批命四个界面。排盘数据包含四柱、十神、藏干、纳音、星运、空亡、天罡称骨、五行数据、大运流年、古籍参考等信息。支持浅色模式、深色模式切换(含切换动画)声明:项目持续更新,若
2022-08-15 1290 阅读 实用干货 🌋 📌 盘点Vue2和Vue3的10种组件通信方式 Vue中组件通信方式有很多,其中Vue2和Vue3实现起来也会有很多差异;本文将通过选项式API组合式API以及setup三种不同实现方式全面介绍Vue2和Vue3的组件通信方式。其中将要实现的通信方式如下表所示方式Vue2Vue3父传子propsprops子传父$emitemits父传子$attr
2022-07-13 1390 阅读 实用干货 🌋 🏫 Vue3.2 setup语法糖、Composition API、状态库Pinia归纳总结 一、文件结构Vue2中,<template>标签中只能有一个根元素,在Vue3中没有此限制<template>//...</template><scriptsetup>//...</script><stylelang="scss"sc