在vue中为什么使用js新增的元素样式无法生效？

在 Vue.js 的单文件组件中，如果使用了 scoped 属性来限定样式的作用范围，那么动态添加的元素是无法应用作用域内的样式的。这是因为 scoped 属性会给样式添加一个唯一的哈希值，使得样式只在当前组件内生效，而动态添加的元素不在组件模板中，无法受到 scoped 样式的影响。
解决方法两种：
1.去掉scoped；
2.使用样式穿透；