01 2024 档案

摘要:依赖版本 "vite": "^5.0.10" 在vite.config.js中写入以下 export default defineConfig({ plugins: [ vue(), ], // 添加以下配置去除打包后的代码中的console build: { minify: 'terser', t 阅读全文
posted @ 2024-01-12 13:56 Syinho 阅读(744) 评论(0) 推荐(0) 编辑
摘要:使用的是vue3-count-to组件 安装: npm install vue3-count-to --save 全局注册: // main.js import countTo from 'vue3-count-to' app.use(countTo) 局部引入组件并使用 // xx.vue文件 < 阅读全文
posted @ 2024-01-11 09:13 Syinho 阅读(1347) 评论(0) 推荐(0) 编辑
摘要:一般而言, 在vue中引入图片会使用类似import slideImg1 from '@/assets/imgs/kenny-eliason-Ak5c5VTch5E-unsplash.jpg'这种方式, 但是当需要引入的图片数量众多的时候, 这么写就非常麻烦了. 参考vite+v3批量一次性引入本地 阅读全文
posted @ 2024-01-11 08:53 Syinho 阅读(505) 评论(0) 推荐(0) 编辑
摘要:在开发中经常遇到需要图片按某个纵横比显示, 并且等比缩放; 比如现有以下需求: 一张header图片, 按照长宽比5:2进行显示并能进行等比缩放 思路: 当padding/margin 的值是百分比时, 是以父元素的宽度来进行计算的 <div id="container"> <div id="con 阅读全文
posted @ 2024-01-09 09:57 Syinho 阅读(294) 评论(0) 推荐(0) 编辑
摘要:目录常规示例子组件: /components/testCom1.vue父组件: App.vue监听defineExpose返回的数据的变化实现子组件向父组件传递数据父组件中修改子组件defineExpose抛出的数据, 实现父组件向子组件回传数据 官网说明 defineExpose用于子组件向其父组 阅读全文
posted @ 2024-01-06 12:06 Syinho 阅读(1965) 评论(0) 推荐(0) 编辑