在计算属性内使用map时出现意外行为

是因为计算属性在Vue.js中是基于它的依赖进行缓存的。当计算属性依赖的数据发生变化时，计算属性会重新计算并返回新的值。然而，当计算属性内部使用了map函数时，由于map函数返回的是一个新的数组，即使依赖的数据没有发生变化，计算属性也会重新计算并返回新的数组，导致意外行为的出现。

为了解决这个问题，可以使用Vue.js提供的watch选项来监听依赖的数据变化，并在回调函数中更新计算属性的值。具体步骤如下：

1. 在Vue组件的计算属性中定义一个新的属性，用于存储map函数的返回值。
2. 在Vue组件的watch选项中监听依赖的数据变化。
3. 在watch选项的回调函数中更新计算属性的值。

以下是一个示例代码：

// Vue组件定义
export default {
  data() {
    return {
      list: [1, 2, 3, 4, 5], // 依赖的数据
      mappedList: [] // 存储map函数的返回值
    };
  },
  computed: {
    computedList() {
      return this.mappedList; // 计算属性返回mappedList
    }
  },
  watch: {
    list: {
      immediate: true, // 立即执行一次回调函数
      handler(newList) {
        this.mappedList = newList.map(item => item * 2); // 更新mappedList的值
      }
    }
  }
};

在上述示例中，当list发生变化时，watch选项中的回调函数会被触发，更新mappedList的值。计算属性computedList会根据mappedList的值进行重新计算，并返回新的值。

这样，就可以避免在计算属性内使用map函数时出现意外行为的问题。