子组件<template><!-- 封装弹框 --><div class="popup"><el-dialog :title="dialogTitle" :visible.sync="dialogVisible" :before-close="handleClose"><slot><p>弹框自定义的内容</p>&l

1、首先安装插件2、.prettierrc推荐配置module.exports = {trailingComma: 'none',tabWidth: 2,semi: true,singleQuote: true,printWidth: 120,arrowParens: 'avoid'};.prettierrc常用配置{// tab缩进大小,默认为2"tabWidth": 4,// 使用tab缩进，

在 vue 项目的开发过程，使用了 ElementUI 组件且样式 style 使用了 scoped 属性，当想要修改组件样式，发现直接修改不了，需去掉 scoped 属性或者使用深度选择器才能修改成功。去掉scoped的话又会影响全局样式，针对这种情况，可以使用深度作用选择器（即样式穿透）1、当项目中使用的 css 原生样式 ，需要使用 >>> 深度选择器来修改 外用第三方组件