随笔分类 -  随便写写

如题
vue3 路由增加过渡动画实现
摘要:废话不多说 实现过程在下方: 1. 在路由文件下 router/index.js 每个路由增加位置坐标 index 例如 { path: "/", name: "Home", component: () => import("@/views/home/index.vue"), meta: {inde 阅读全文
posted @ 2023-07-10 10:42 mythe_r 阅读(561) 评论(0) 推荐(0)
Vue3+Vite项目中 使用WindiCSS.
摘要:之前工作有了解过根据类名来写元素的样式,一听就发出疑问:这样写项目可读性恐怕不是很好吧。。。 之后来到杭州工作后,开始使用WindiCSS后发现 真香!!! 由于近期所写的项目都是自己一个人开发的 组长说可以大胆点来!我就边学习边在项目中使用: 近期项目都使用的是 Vue3+Vite+TS开发,所以 阅读全文
posted @ 2022-11-28 15:11 mythe_r 阅读(824) 评论(0) 推荐(0)
Vue3 向window注入方法 TS警告 元素隐式具有 "any" 类型,因为索引表达式的类型不为 "number" 问题解决。
摘要:window['funcName'] = function(){}; // 'funcName'会标红警告 (window as any).funcName = function(){}; // 正确的! 阅读全文
posted @ 2022-10-14 15:53 mythe_r 阅读(962) 评论(0) 推荐(0)
vite+vue3使用unplugin-auto-import 无需手动引入api!
摘要:近期了解到unplugin-auto-import这个插件 用途是无需每个组件内重复的引入vue vue-router等内置方法 下面举个例子 <script setup> import {ref, reactive} from "vue"; let num = ref(0); let state 阅读全文
posted @ 2022-08-31 10:08 mythe_r 阅读(1197) 评论(0) 推荐(0)
Vue3 animate.css + wowjs 官网实现滚动到对应元素位置增加动画特效
摘要:本人在Vue3中使用的是 setup语法糖 也就是 <script setup>...</ script> 在项目中install一下两个插件: yarn add animate.cssnpm install animate.css // 我使用的版本是@3.5.1 yarn add wowjsnp 阅读全文
posted @ 2022-08-04 10:53 mythe_r 阅读(1677) 评论(0) 推荐(0)