啥子花道-CSDN博客

原创 Uniapp路由拦截（跳转登录）

下面是pages.json文件，把需要登录的页面设置上"needLogin":true,然后再main.js中引入监听。新建文件route.ts。新建index.ts文件。新建index.ts。

2024-10-22 15:26:54 402

原创 UnoCSS 给了我一个不用 tailwindcss 的理由

原子化CSS的理念早已不是新鲜事物了，UnoCSS这类解决方案把这个理念有了一个很好的实践和实现，可以真正的提升开发者体验和编码效率，都是很值得一学的技术。

2024-09-24 16:15:38 962

原创 Vue3.4 中 v-model 双向数据绑定新玩法详解

defineModel 是一个新的宏,旨在简化支持 v-model 的组件的实现, 这个宏用来声明一个双向绑定 prop,下面我们就来看看他的具体使用吧

2024-09-19 09:33:01 743

原创 vite + vue3 中如何使用 iconify 图标库

Iconify 支持 100 多个图标集，上万种图标可随意使用，你能想到的他都有，Iconify 是 SVG 图标，不是字体图标，所以你也可以结合 elementui-plus 使用，最后感谢 antfu 大佬提供的 vite 插件。

2024-09-18 15:14:36 765

原创 css 中 em 单位怎么用

em 是 css 中的一个相对长度单位，相对于当前对象内文本的字体尺寸；如当前对行内文本的字体尺寸未被人为设置，则相对于浏览器默认字体尺寸。可以作用在 width、height、line-height、margin、border 等样式的设置上。

2024-09-18 15:10:15 1039

原创 @vueuse/core 的简介与最佳使用实践

@vueuse/core 是一个基于 Vue.js 的实用工具库，提供了一系列的组合式 API（Composition API）和工具函数，帮助开发者更高效地构建 Vue 应用。

2024-09-13 13:51:08 2298

原创 vue3 defineProps 的使用方法

defineProps方法是Vue3的一个新特性，在组件化开发时可以方便的定义props并进行类型检查，以确保数据流的正确性和可靠性，同时也可以对props进行验证，确保传入的值符合我们期望的值。同时，在命名风格上也有很大的灵活性，可以通过配置实现不同风格的转换。

2024-09-13 11:05:20 561

这里我封装的支持 prefix、name、size、color、spin（是否旋转）等属性。我们在浏览器中打开调试工具，看看 application ，发现这里缓存的一些图标。这里注意 iconDirs 的路径，是读取的 svg icon 存放的目录。下次请求的时候直接从缓存中读取的。如果 element 的 icon 不满足我们的需求的话，我们可以从。iconify 是一种非常广泛的图标解决方案，它收集了全网所有的图标。如果你想用字符串的形式，可以这样搞。下载一个 svg 格式的图标。

2024-09-11 11:24:59 2823

原创 vue3 + vite 使用 vite-plugin-svg-icons 插件显示本地 svg 图标的方法

vue3 + vite 使用 vite-plugin-svg-icons 插件显示本地 svg 图标的方法

2024-09-11 09:10:59 597

原创 Vue Router 搭配 NaiveUI 的进度条

由于 naive ui 的进度条需要依赖于一个，所以我们在定义router的时候是无法使用获取到进度条对象的。我的解决方法是利用pinia把loadingBar示例获取到，然后存起来，这样就可以访问到了。这里用pinia的原因单纯是因为它简单好用，并且还能在浏览器插件里看到变量的值，而单纯的全局变量是没有这些优势的。但是，用跨文件全局变量也未尝不可，不过我这里就不作验证了。

2024-09-10 19:45:56 533