解决vue的警告附案例：Property “***“ was accessed during render but is not defined on instance.

报错解释：

这个警告信息表明在Vue的渲染过程中尝试访问了一个属性，但是这个属性并没有在组件的data、computed或methods中声明为响应式属性。这可能会导致该属性的变化不会触发组件的重新渲染，因为Vue无法追踪其变化。

解决方法：

确保你要访问的属性在Vue实例的数据对象data中声明。如果该属性是从父组件通过props接收的，确保它也在props中声明。如果该属性是计算得出的，应该定义为一个计算属性(computed)。如果属性是在某些异步操作后才设置的，确保在数据被设置之前不会渲染组件，或者使用v-if来控制渲染条件。

示例：

export default {
  data() {
    return {
      myProperty: 'initial value' // 声明响应式属性
    };
  },
  props: {
    parentProperty: {
      type: String,
      required: true
    }
  },
  computed: {
    computedProperty() {
      // 计算属性的例子
      return this.myProperty.toUpperCase();
    }
  }
  // ... 其他选项
}

在上面的例子中，myProperty是一个响应式数据属性，parentProperty是通过props接收的响应式属性，computedProperty是一个计算属性。这样，无论是数据属性、props还是计算属性，都符合Vue的响应式系统，能够正确地跟踪变化并触发视图更新。