vue2 组件循环引用了报错,递归组件要提供正确name值

是的，Vue2中组件循环引用会导致报错，解决方法是给递归组件提供正确的name值。

在Vue2中，组件的name属性用于调试和错误提示。如果没有给组件提供name值，Vue会自动为其生成一个匿名名称。如果有多个组件都使用了相同的名称，则会导致组件循环引用错误。

对于递归组件，我们需要确保每个组件都有唯一的名称。可以在组件定义时为其指定一个名称，也可以使用Vue的自定义组件选项name来指定名称。

例如：

// 父组件
Vue.component('parent', {
  template: `
    <div>
      <child></child>
    </div>
  `,
  components: {
    child: {
      name: 'child', // 给子组件指定名称
      template: `
        <div>
          <parent></parent> // 在子组件中递归引用父组件
        </div>
      `
    }
  }
})

在上面的例子中，我们给子组件指定了名称为'child'，并在子组件中递归引用了父组件。这样就可以避免组件循环引用错误了。

相关问题

循环调用子组件,并且已经指定了name名称,使用了v-show影响吗也报错,

如果已经指定了组件的name名称，循环调用子组件，使用了v-show指令，仍然导致错误，可能是因为组件的递归调用没有设置终止条件，导致无限循环调用子组件，从而导致栈溢出错误。

在递归调用组件时，一定要设置终止条件，以避免出现无限循环调用子组件的情况。可以在组件定义中使用v-if指令或者计算属性来设置终止条件。

例如：

// 父组件
Vue.component('parent', {
  template: `
    <div>
      <child v-show="showChild"></child>
    </div>
  `,
  data() {
    return {
      showChild: true
    }
  },
  components: {
    child: {
      name: 'child',
      template: `
        <div>
          <template v-if="depth < 5">
            <child :depth="depth+1"></child>
          </template>
        </div>
      `,
      props: {
        depth: {
          type: Number,
          default: 0
        }
      }
    }
  }
})

在上面的例子中，我们通过设置组件的depth属性来记录递归的深度，当深度达到5时，就停止递归调用子组件，从而避免了出现无限循环调用子组件的情况。

set里也要是修改vuex的值，不然会内存溢出报错

在Vue.js中，Vuex是一个状态管理工具，用于集中式存储应用的所有组件共享的状态。当你尝试在`set`操作中直接修改Vuex store中的值时，可能会遇到内存溢出的问题。这通常是因为你在循环或递归结构中对store进行了多次更新，导致无限递归，而不是真正地对数据进行简单设置。

正确的做法是在处理数据变化时，通过Vuex提供的mutation（状态变更函数）或者actions（异步动作）来进行状态更新。例如：

// 示例代码
store.commit('UPDATE_STATE', { key: newValue });
// 或者
store.dispatch('ACTION_NAME', { key: newValue });

// mutation示例
mutations: {
  UPDATE_STATE(state, payload) {
    state[key] = payload.key;
  }
}

// action示例
actions: {
  ACTION_NAME({ commit }, payload) {
    commit('UPDATE_STATE', payload);
  }
}

记住，每次修改 Vuex 中的数据都应通过官方推荐的方式来提交更改，避免直接操作 store 的状态。