vue出现$listeners is readonly.

这个问题可能是因为在Vue组件中尝试修改props属性所导致的。如果您的组件中使用了v-model指令或emit事件并尝试在子组件中修改绑定的prop，则会出现此错误。要解决此问题，您可以在子组件中使用计算属性或将父组件中的prop存储在自己的data属性中，以便在子组件中进行修改。如果您需要更详细的解决方案，请提供更多代码和上下文。

相关问题

$attrs is readonly $listeners is readonly

您的问题是关于 Vue.js 中的 $attrs 和 $listeners 变量的只读性。是的，$attrs 和 $listeners 变量都是只读的，不能在组件内部进行修改。$attrs 变量包含组件标签上的所有属性，而 $listeners 变量包含组件上所有的监听器（例如 @click 等）。这些变量的只读性是为了确保组件的可预测性和稳定性。如果您需要修改这些变量，可以通过使用其他变量来达到相同的效果。

在Vue子项目中同时引入主项目挂在到window上的两个公共组件时，遇到`$attrs is readonly`和`$listeners is readonly`的错误提示

出现`$attrs is readonly`和`$listeners is readonly`的错误提示，是因为在子项目中同时引入主项目挂载到`window`上的两个公共组件时，这两个组件中都使用了Vue的内置指令`v-bind="$attrs"`和`v-on="$listeners"`，而在Vue 2.4.0及以上版本中，这两个属性被设为只读属性，不能在组件中直接修改。

解决此问题的方法是，在子项目中引入这两个公共组件时，去掉`v-bind="$attrs"`和`v-on="$listeners"`指令，手动绑定需要的属性和事件，例如：

<template>
  <div>
    <common-component :prop1="prop1" @event1="handleEvent1"></common-component>
    <shared-component :prop2="prop2" @event2="handleEvent2"></shared-component>
  </div>
</template>

<script>
import CommonComponent from 'common-component'
import SharedComponent from 'shared-component'

export default {
  components: {
    CommonComponent,
    SharedComponent,
  },
  data() {
    return {
      prop1: 'value1',
      prop2: 'value2',
    }
  },
  methods: {
    handleEvent1() {},
    handleEvent2() {},
  },
}
</script>

这样就可以避免`$attrs is readonly`和`$listeners is readonly`的错误提示了。