在vue 组件里放置了一个根据计算属性来调节宽度的div ，div 用来盛放echarts图表，在onmounted 钩子以及windows.onresize 里都加了chart.resize函数，在组件初始加载时，chart不能自适应div 的大小，而在调整窗体大小时恢复自适应大小，怎么解决这个问题

你可以尝试在Vue组件的`updated`钩子中调用`chart.resize()`来解决这个问题。`updated`钩子会在组件更新完成后被调用，此时DOM已经更新完毕，可以重新调整图表的大小。

你可以按照以下步骤进行操作：

1. 在Vue组件中添加`updated`钩子方法：

export default {
  // ...

  updated() {
    this.resizeChart();
  },

  // ...
}

2. 在Vue组件中定义一个方法`resizeChart()`用于调整图表的大小：

export default {
  // ...

  methods: {
    resizeChart() {
      if (this.chart) { // 确保图表实例存在
        this.chart.resize();
      }
    },
  },

  // ...
}

3. 在组件初始化时创建图表实例，并将其赋值给组件的`chart`属性：

import echarts from 'echarts';

export default {
  // ...

  mounted() {
    // 创建图表实例
    this.chart = echarts.init(this.$refs.chartContainer);

    // 初始化图表数据等操作...

    // 调整图表大小
    this.resizeChart();

    // 添加窗口大小改变的事件监听
    window.addEventListener('resize', this.resizeChart);
  },

  // ...
}

这样，无论是初始化加载时还是调整窗口大小时，都会调用`resizeChart()`方法来重新调整图表的大小，使其适应DIV的尺寸。