Vue.js组件样式消失？别慌！这里有绝招

各位亲，你是否碰到过 Vue.js 里有组件的 CSS 样式不见了这种情况？别担心~ 我这就给您普及下咋回事儿。

告诉你，el-table-column其实不是DOM结构里的玩意儿，那这个infotext派什么用处？就得看它是咋被加到el-table-column里，以及在哪派上用场了。明白了吗？

你们是不是也觉得第三方组件挺烦人？其实，我倒是有个不算很靠谱的小妙招，你试试看行不行哈。

在Vue里，把多种样式或者多个style标签放在同一个文件里是可以滴！记得加上那个scoped属性，这样就可以保证这些样式只会影响到自身组件，简单明了？

搞懂那些小零件，比如说××组件什么的，scoped的办法好像不行那就只能特殊照顾一下了，用”style.xxx-component”这种方法。别看这句话简单，其实里面有门道！

来啦来，来给大伙儿说说我平常平时都咋整的（各位要是有什么小窍门也别藏着啊）。我先按F12找到要调整的样式，然后统一填到没有SCOPE属性的STYLE里面去，这下懂了？

说实话，很多有用的第三方 UI 库都可以让你自己调样式，超级方便的。懂了没？

哥们儿，想搞个“条件添加css类”在Vue里？小菜一碟！只要用上我们的av-bind:class神器就成！比如，你说index等于0，那咱们就给它来个current1类，其它时候就上个current2类呗。还有木有其他更高深的用法？快来说说看！今天咱就来唠唠怎么让Vue.js组件有自己的CSS样式，虽然有些麻烦，不过相信对你一定有用滴。想到了什么妙招可别忘了告诉我们~点赞分享都是鼓励