先看例子，我们可以在里面填写样式，直接修改就当前页面的UI，是不是觉得很神奇，这是如何实现的呢，其实只是一个style的标签就可以搞定，代码如下

这篇文章主要讲述由于嵌套deep的错误用法而导致的移动端真机样式失效问题，已经对于deep深刻理解和不是此原因的小伙伴就不用看了

在vue当中绑定class和style的方式有很多种，基本都知道，但是在项目当中真正遇到需要用样式变化呢的场景却怎么也想不起来，很模糊，只能写一些简单地样式逻辑，今天来总结一下vue中动态绑定样式的情况

style-loader 的功能就一个，在 DOM 里插入一个 <style> 标签，并且将 CSS 写入这个标签内。稍后会详细分析源码，看看和我们的思路是否一致。

在样式开发过程中，有两个问题比较突出：全局污染 —— CSS 文件中的选择器是全局生效的，不同文件中的同名选择器，根据 build 后生成文件中的先后顺序，后面的样式会将前面的覆盖；