vue 如何动态绑定less的深度作用选择器？

众所周知，使用/deep/ 可以更改子组件的样式，使用:style可以绑定样式。
我想根据页面的宽度，动态更改子组件（npm 引用的组件）的样式，应该怎么做？

或许可以使用媒体查询