vue在父组件里修改组件的style样式方法

在Vue.js中，如果你想在父组件内部修改子组件的`style`样式，通常有两种方法：

1. **通过`ref`引用子组件并直接操作元素**：
首先，在子组件的模板上添加一个`ref`属性，例如：

   <child-component ref="myChildComponent"></child-component>

然后在父组件的方法中，你可以这样获取到子组件并改变其样式：

   this.$refs.myChildComponent.style.property = 'new-value';

2. **使用`v-bind:class`动态绑定样式类**：
子组件可以接受一个`class` prop，然后父组件可以在计算属性或方法中动态设置这个prop，如：

   <child-component :class="customStyleClass"></child-component>

在父组件内：

   this.customStyleClass = {
     backgroundColor: 'red',
     fontSize: '16px'
   };

3. **利用自定义事件（$emit）传递样式信息**：
如果需要更复杂的交互，比如需要响应某些条件来改变样式，可以让子组件发出一个自定义事件，再由父组件处理这个事件并更新样式。

请注意，直接修改样式可能会影响组件的复用性和维护性，尤其是在大型应用中。如果需要频繁更改样式，建议考虑是否可以将样式逻辑移出视图层，或者使用CSS模块、CSS-in-JS库等方式管理样式。