本文目录一、nuxt开发图片压缩优化二、nuxt按需引入element-ui三、nuxt中使用aos动画库四、scss配置文件（变量、样式）一、nuxt开发图片压缩优化1、运行命令npminstall--save-dev@aceforth/nuxt-optimized-images：安装开发时压缩图片到依赖。2、在nuxt中写入如下代码：buildModules:['@aceforth/nuxt-optimized-images',],optimizedImages:{optimizeImages:true}3、接着安装你需要压缩到图片格式OptimizationPackageDescript

建立一个vue2的项目：打开控制台，输入命令：vuecreatexxx(项目名称，记得要小写哈)，并回车，记得选择vue2 用vscode打开项目，并引入相关的依赖打开项目终端，输入命令npmielement-ui-Snpminstallless-loader@5.0.0--save npminstallless--save点击进入main.js,引入elementui,加上下面几行代码，并保存importElementUIfrom'element-ui'; import'element-ui/lib/theme-chalk/index.css'; Vue.use(ElementUI);懒得再

修改elementui的样式global不生效之前修改antd组件库的样式，可以用global修改:global{.ant-form-item-label{width:190px;}.ant-form-item-control-input{width:548px;}.ant-select:not(.ant-select-disabled).ant-select:not(.ant-select-customize-input).ant-select-selector{border-color:#dce8f9;box-shadow:#dce8f9;}}但是在修改elementui的样式，用glob

讨厌的小bug，这个。如Androidticket6721中所示，当绝对定位的元素放在的顶部时，Android浏览器似乎不尊重z-index或标签。我迫切需要任何解决方法。以前有人征服过这个吗？提前致谢! 最佳答案 这个问题可能与控件及其对浏览器的特殊性有关。在查看您的问题(在Chrome中)时，我发现了一个相关问题，即当您按下tab键时，您仍然可以聚焦输入元素。你可能也不想要这个(不管渗透如何)。解决方案非常简单，您编写脚本以将disabled属性添加到所有输入/按钮/等。被覆盖的元素。禁用的输入将notbeabletorecei

讨厌的小bug，这个。如Androidticket6721中所示，当绝对定位的元素放在的顶部时，Android浏览器似乎不尊重z-index或标签。我迫切需要任何解决方法。以前有人征服过这个吗？提前致谢! 最佳答案 这个问题可能与控件及其对浏览器的特殊性有关。在查看您的问题(在Chrome中)时，我发现了一个相关问题，即当您按下tab键时，您仍然可以聚焦输入元素。你可能也不想要这个(不管渗透如何)。解决方案非常简单，您编写脚本以将disabled属性添加到所有输入/按钮/等。被覆盖的元素。禁用的输入将notbeabletorecei

Failedtoresolveimport“element-plus/es/el-sub-menu”from"src\components\vue3+vite按需自动引入elementplus报错首先你需要安装unplugin-vue-components和unplugin-auto-import这两款插件npminstall-Dunplugin-vue-componentsunplugin-auto-import然后将按需自动引入中的代码插入你的vite的配置文件中vite.config.jsimport{defineConfig}from'vite'importAutoImportfrom

Failedtoresolveimport“element-plus/es/el-sub-menu”from"src\components\vue3+vite按需自动引入elementplus报错首先你需要安装unplugin-vue-components和unplugin-auto-import这两款插件npminstall-Dunplugin-vue-componentsunplugin-auto-import然后将按需自动引入中的代码插入你的vite的配置文件中vite.config.jsimport{defineConfig}from'vite'importAutoImportfrom

关于博主：不知道算不算的上入门，就是刚刚学习vue框架，断断续续的学习，所以有些地方讲的不正确也欢迎大家批评斧正，希望与大家共同进步问题描述对于初学前端的我们来说搭建一个路由导航界面还是比较困难的，在这里给大家分享一下最近我学到的一些这方面的知识首先给大家看看效果图吧：写的就是一些很基础的东西，因为这主要是学习路由导航的搭建原理。下面这个代码就是router下的index.js文件，就是配置路由的地方，如果你对路由的注册还不太懂请戳这里2022/10/11浅浅更新一下。看上面的效果图实在是很丑，但是这篇毕竟是针对于刚刚入门的小白来理解掌握知识用的，也没什么。如果想要进一步探究可以侧边栏收起时出

关于博主：不知道算不算的上入门，就是刚刚学习vue框架，断断续续的学习，所以有些地方讲的不正确也欢迎大家批评斧正，希望与大家共同进步问题描述对于初学前端的我们来说搭建一个路由导航界面还是比较困难的，在这里给大家分享一下最近我学到的一些这方面的知识首先给大家看看效果图吧：写的就是一些很基础的东西，因为这主要是学习路由导航的搭建原理。下面这个代码就是router下的index.js文件，就是配置路由的地方，如果你对路由的注册还不太懂请戳这里2022/10/11浅浅更新一下。看上面的效果图实在是很丑，但是这篇毕竟是针对于刚刚入门的小白来理解掌握知识用的，也没什么。如果想要进一步探究可以侧边栏收起时出

Layout布局通过基础的24分栏，迅速简便地创建布局。span的作用一行默认24个span，属性放在el-col中决定此元素占据多少spangutter属性放在el-row中，给各个块之前设置间隔，但是是割的代码块的宽度。offset属性放在el-col中设置偏移量，单位和span一致。Type="flex"属性配合  justify=""放在el-row中设置col元素的对齐方式justify="end(右对齐)"  justify="center(居中对齐)"  justify="space-between(对齐)"  justify="space-around(分散对齐)"RowAtt