Vue实现修改第三方组件样式
在vue中可以通过以下两种方式修改第三方组件样式：1、全局覆盖修改<stylelang="less">.modal{.ant-modal-header{border-bottom-width:0;}}</style>2、局部覆盖修改<stylelang="less&qu...
Vue集成并使用Windi-CSS
1、WindiCSS简介WindiCSS是下一代工具优先的CSS框架。如果你已经熟悉了TailwindCSS，可以把WindiCSS看作是按需供应的Tailwind替代方案，它为你提供了更快的加载体验，完美兼容Tailwindv2.0，并且拥有很多额外的酷炫功能。通过扫描HTML和CSS按需生成工具类（utilities），WindiCSS致力于在开发中提供更快的加载体验以及更快的HMR，并且...
Vue使用iconify图标
1、安装插件purge-icons-webpack-pluginyarnaddpurge-icons-webpack-plugin-D或者npmipurge-icons-webpack-plugin-D2、配置插件在vue.config.js文件中配置插件使用。//vue.config.jsconst{PurgeIcons}=require(...
Vue3按需加载ant-design-vue组件库
1、安装ant-design-vue使用yarn或npm安装并引入ant-design-vue。yarnaddant-design-vuenpmi--saveant-design-vue2、安装babel-plugin-importbabel-plugin-import是一个用于按需加载组件代码和样式的babel插件。yarnaddbabel-plugin-import--dev3、babel配置...
module namespace not found in mapState()
1、错误现象：2、原因分析：2.1vuex配置模块化检查是否使用modules参数配置模块化//store/index.jsimportVuefrom'vue';importVuexfrom'vuex';importcountfrom'./count';importpersonfrom'./p...
Vue中三种插槽slot使用示例
1、默认插槽子组件Category：//Category.vue<template><divclass="category"><h3>{{title}}分类</h3><slot/></div><...
VUE3 UI框架收藏
1、AntDesignVue官方网站：https://2x.antdv.com/components/overview/2、BalmUI官方网站：https://next-material.balmjs.com/#/3、WaveUI官方网站：https://antoniandre.github.io/wave-ui/4、Vuestic官方网站：https://vuestic.dev/5、Eleme...