在vue的script里写window.onload不生效

在Vue.js的单文件组件（`.vue`文件）中，通常不会直接在`script`标签内编写`window.onload`这样的全局事件处理函数，因为Vue有自己的生命周期钩子和数据绑定机制，它会在DOM渲染完成后自动触发更新。

如果你需要在页面加载完成后再执行某些操作，应该考虑在Vue的生命周期钩子中设置，比如：

1. **mounted()**：当组件挂载到DOM上并且数据已经就绪时运行。

export default {
  mounted() {
    window.onload = () => {
      // 在这里执行你需要在页面加载完成后执行的代码
    }
  },
  ...其他配置
}

2. 或者，在模板中使用`@load`自定义指令，假设你在Vue中已经安装了`vue-lazyload`库：

<template>
  <div @load="onLoadHandler"></div>
</template>

<script>
export default {
  methods: {
    onLoadHandler() {
      // 在这里执行页面加载后的任务
    }
  }
}
</script>

不过要注意，Vue并不推荐在`window.onload`上绑定回调，因为这可能会导致性能问题，特别是对于大型、复杂的组件树。尽量利用Vue提供的生命周期方法来管理异步操作。如果真的需要等待整个文档加载完毕，可以考虑使用`DOMContentLoaded`事件代替。