为什么通过js渲染的元素css不生效

为什么弊颤通过js渲染的元素css不生效？

答案如下：原因是通过测试，这是因为vue文件中的style标签添加了scoped的原因，而scoped的作用是为了保证这些css样式只会对当前vue文件(组件)生效，但是由于其他vue文件(组件)中也拦纳有可能会出现相同的class名相同的css样式，于是vue就采用了添加随机后简卜没缀的方式防止class名重复的样式出现样式覆盖的情况。

1、强制刷新：当你手皮羡检查问代码逻辑没有问题的时候，你首先可以毕拍在赋值之后强制刷新渲染页面一下，这种时候一般都是多层嵌套或者多层遍历导致的，这种方法只能在当前页面内起作用，如果你是给子组件赋值，就不行。

2、重新销毁创建：如果只改变了子组件的数据，但是子组件没有重新渲染，那么可以重新创建一下这个子组件，其握蚂实也就是v-if一下。

我遇到的问题是因为命名冲突，这个项目大范围使用了bootstrap的颤碰模态组件，我直接用的modal-content类作为el，所以再次有模态组件调用的时候就会出现冲突。

其实是个很基础的问题，只是没注意忽略了，问题一直存在了半个月，我很羞愧。

各位回答的都很好，虽然并没有解决我的问题，但是总结了很多vue的基础，对于我使用vue跟前端开发都有非常大的帮助，可以说是获益良多，感谢至极，我将总结合并一下。

1.使用框架，就用框架的规则，使用生命周期函数来做数据的更改，处理函数写在method里面使用vm.函数调用。

2.ajax是异步的，不到万不得已不要使用同步，因为同步真的很阻塞，亲身体会。比如有5个回填数据的输入框，茄友谈第二个输入框使用同步，那么第二个没完成之前下面输入框的全是空的，这样是不是告敏很影响体验？

3.ajax方式get有缓存，post没有，注意使用方式。

---