引入动态组件库无法更改样式怎么做（以修改codemirror高度为例）

vue中当我引入了一个codemirror库时，发现编辑器高度固定300px,当然不能满足需求，通过查官方文档发现可以通过改codemirror来修改高度，但是写了css样式发现不管用，这是为什么呢？

原因（自己的理解）：因为是引入的动态组件库，所以当直接用css修改样式时不能修改全局样式，所以不管用。

解决办法：

一： 去掉css样式的scoped，scoped是实现组件的私有化，只能修改当前模块的样式，不能修改引入的组件。

二： 如果不想去掉scoped的话，给整个div一个class样式，将所有的样式包在里面，修改node_modules里的height：auto,而且覆盖引入组件的样式时加入/deep/来覆盖原样式,

/deep/.CodeMirror {
    font-family: monospace;
    height: 100%;
  }

完美解决！！！！同样适用于其他的引入组件。