MakerZz-优快云博客

原创 vue3+element plus通用公共表单组件（支持ts）

通过基于element plus封装的公共表单组件，只需在要展示表单的容器内将本组件引入，搭配对应的配置项来描述表单内的相关信息（如表单内的展示文本、表单控件类型、校验方式等），就可以实现一个组件满足多种展示需求，从而提升开发效率和代码的可扩展性。

2024-04-27 20:06:01 2475 4

原创 vue3全局属性/方法的创建及使用--app.config.globalProperties(支持ts)

有时一些属性值或方法想要在很多个组件中被使用，且想要进行统一管理，此时就可以将这些属性值或方法注册在能够被应用内所有组件实例访问到的对象中。我们将想要全局使用的属性或方法注册在app.config.globalProperties对象中，就可以在应用内的任意组件中使用。

2024-04-21 03:28:27 9063 5

原创 vue3+vite配置项--@别名

当使用 npm create vite@latest 命令创建了vue3+ts的项目，想要在项目内引入文件时使用@来作为src的别名。如果直接使用@，会报错，需要引入@types/node依赖并在相应文件中进行配置才可正常使用@。

2024-04-14 00:59:34 1053 2

原创 vue2/vue3自适应实现(postcss-pxtorem)

自适应实现(postcss-pxtorem)针对vue3+vite+ts、使用vue-cli和webpack的vue3、vue2项目报错解决：PostCSS plugin postcss-pxtorem requires PostCSS 8当pc端或移动端H5等项目中需要根据当前浏览器窗口或屏幕尺寸来自适应的改变页面内元素尺寸时，就可以借助下述插件和相关配置来实现。

2024-04-07 00:58:52 2321