怡暘

背景：与同事合作开发过程中发现同事又学了新技能对组件样式进行强制修改，但是他用的时候控制台报错了，原因就是将vue2上兼容的使用方式用在了vue3中。下面我们一起来看看吧一、系统控制台警告信息：[@vue/compiler-sfc] the ＞＞＞ and /deep/ combinators have been deprecated. Use :deep() instead.二、vue2和vue3中的使用情况概述：在Vue2中 经常使用 >>> 或 /deep/ 样式穿透 修

因为 vue3.0 不兼容 vue2.0, vue3.0 也不支持 element-ui 的安装，所以element为了兼容vue3.0 基于vue3.0开发了一套 element-plus 的组件库.命令行安装依赖:# 选择一个你喜欢的包管理器# NPM$ npm install element-plus --save# Yarn$ yarn add element-plus# pnpm$ pnpm install element-plus在项目中引入方式: “完整引入”:

根据文章"如何升级Vue的版本 vue2.9.6升级到vue3.0"内容的补充一. vue的版本与vue-cli的版本区别:最近对于项目创建时候发现了一个问题,及一些需要总结的vue使用命令,如下:1. 在项目中:(1) npm list,可以查看当前项目当中安装的所有依赖及其对应的版本;(2) npm list vue,可以查看当前项目当中安装的所有与vue相关的依赖及对应的版本;2. 在dos界面下,系统全局环境下:(1) vue -V 或者 vue --version 查询的是vue-c

element-ui el-table表格排序sortable参数解析背景：项目开发中遇到了需要对表格数据进行通过后端接口实现全排序，找到了elm 的table组件，使用sortable方法实现。表格组件的排序功能,点击排序表头可以进行升序和降序进行排序<el-table :data="tableData" style="width: 100%" <!-- 数据由后台进行排序时sortable="custom",需要监听排序点击事件,会返回当前的prop和order --&gt

背景：在对项目进行bug走查的时候，测试人员突然提出项目左侧菜单栏再次点击时候要进行页面刷新，当时我真的懵了，vue项目了router还能在当前页面进行再次刷新！！！我怀着疑惑上网查询、咨询足足使用了我3h，多宝贵的时间呀，就这么浪费掉了。最后，好歹，功夫不负有心人，还真有大佬讲到该部分的内容，通过自己尝试最终将问题解决。下面将我的问题解决方法分享给大家。参考：https://blog.csdn.net/tq1711/article/details/108386307?utm_medium=distrib

背景：人生中自己第一次搭建大项目，同样的也是第一次使用el-menu结构化界面，封装el-menu组件。在这个过程中遇到了一个选择el-submenu时候，只要鼠标移开背景色就会恢复原来的颜色，这个时候仅仅使用“.el-submenu__title:focus, .el-submenu__title:hover”设置背景色是不行的。通过查阅资料找到一个CSDN的小伙伴给出的建议思路，成就如下成果，成功解决问题。.el-submenu.is-opened .el-submenu__title { b