原因2：动态引入html也添加了scoped属性；
Vue中的scoped属性的效果主要是通过PostCss实现的。以下是转译前的代码:
由此可知添加scoped属性的组件，为了达到不污染全局做了如下处理：
- 在添加scoped属性的组件的每个vue样式穿透选择器后添加一个等同与“不重复属性”相同的字段，实现类似于“作用域”的作用不影响全局。
- 如果组件内蔀还有组件这里是重点------只会给最外层的组件里的标签加上唯一属性字段 ------重点结束，不影响组件内部引用的组件（ 注意 ）
vue样式穿透穿透，从官方文档了解到我们所谓的穿透，官方叫做深度选择器
以上对比可以看出穿透只是改变了data-v-469af010标志唯一性的位置，使其可以生效
二、动态加入的html
这个就不多说了，和上面基本一样动态加入的html没经过转译，没有对应的data属性所以也不会起作用。
程序员常犯的错误该恏好看看自己的代码了，自己是不是写了什么马虎代码
总结：如果以上分析给你解决了你的问题或困扰，就点个赞吧~~
