vue (共2篇博客)

# Vue3使用hook 使用hook还是比较简单的，不看不知道，一看就明白。 ```ts // useSomeData.ts import { ref } from 'vue' // hook，入参可选 export const useSomeData = (initNum?: number) => { const data = ref(initNum || 0) // 声明数据 // 自增 setInterval(() => { data.value++ }, 1000); // 可选，暴露一个主动获取当前值的方法 function getDat

# vue路由切换时的动画效果 使用vue开发页面，经常有需求想要在切换页面时添加一个动画效果，尤其移动端，切换页面时，希望新页面能从右边覆盖过来，返回上一页时，又是前一页从左边覆盖过来。 这里vue的自带组件Transition来调一下。 技术栈：vue3 + ts 官方Transition文档：[https://cn.vuejs.org/guide/built-ins/transition](https://cn.vuejs.org/guide/built-ins/transition) **效果：** - 点击打开下一页时，新页面从右侧覆盖过来，原页面会向左偏移一些，最终被覆