RR_chen的博客

- 安装 less `npm install less -D`（Vite 和 Webpack 不同，不需要 less-loader 等，只需安装 less）- 在 vite.config.js 中加入：

实现下图效果：动态组件在不同组件之间进行动态切换。通过 Vue 的 <component> 元素加一个特殊的 is attribute 来实现：<!-- 组件会在 `currentTabComponent` 改变时改变 --><component v-bind:is="currentTabComponent"></component>例：<div class="login-tab"> <a href="" @click=

例：<style lang="less" scoped> /deep/ .el-backtop { background-color: red; color: red; }</style>element ui 的默认类名前 加/deep 即可。即样式穿透。注意：若修改后，组件样式并没有改变，可以重新运行下项目后，样式穿透起作用。（我遇到的坑！）...

为了美观效果，不想使用默认字体，使用其他好看的字体，此时在项目中就需要：创建 assets/fonts/font.less@charset "UTF-8";@font-face { font-family: 'zkwyt'; src: url('./zkwyt.ttf');}将字体文件 zkwyt.ttf 放 assets/fonts 文件夹中。在 App.vue 引入 font.less<style>@import './assets/fonts/font.

目录文章目录目录最好使用视频上的账号密码，13700000000 密：111111一、脚手架使用创建项目脚手架默认目录：脚手架下载的项目稍微配置一下浏览器自动打开关闭 eslint 校验工具，以防写代码时没错也报错。src文件夹的别名的设置二、项目分析（1）项目路由分析（2）Header、Footer非路由组件完成使用非路由组件步骤：使用路由组件步骤：路由的跳转有两种形式:路由元信息：路由传递参数重写push与repalce方法（3）TypeNav三级联动组件完成（4）Home首页拆分静态组件完成（