vue中scoped的原理及慎用原因
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了vue中scoped的原理及慎用原因相关的知识，希望对你有一定的参考价值。
参考技术A 实现组件的私有化，不对全局造成样式污染，表示当前style属性只属于当前模块虽然方便但是我们需要慎用，因为当我们使用公共组件时会造成很多困难，
增加难度，想知道造成那些难度，需要先从scoped实现原理了解
通过观察DOM结构可以发现：vue通过在DOM结构以及css样式上加上唯一的标记，保证唯一，达到样式私有化，不污染全局的作用，如图，样式属性上也会多一个该字符，以保证唯一
其实从原理已经能够了解到慎用原因，这里权当总结
所以 scoped 虽然看似方便但是使用还需谨慎
(个人总结，不足请指出）
以上是关于vue中scoped的原理及慎用原因的主要内容，如果未能解决你的问题，请参考以下文章
解析Vue中style标签scoped属性与deep选择器原理