如何在Vue的Template中使用`@onLoad`事件并正确地接收到其传递的值?

在Vue.js中，`@onLoad`并不是原生提供的事件处理器。通常，我们使用的是`@load`或者`v-on:load`来监听元素加载完成的事件，但这取决于你是否自定义了一个组件或者你想监听某个外部资源（如图片、API请求等）的加载。

如果你想监听组件自身的加载完成，Vue生命周期钩子函数`mounted()`是一个合适的选择，因为在这个阶段，组件已经挂载并且DOM已经更新完毕：

<template>
  <div ref="myRef" @load="handleLoad"></div>
</template>

<script>
export default {
  methods: {
    handleLoad() {
      // 在这里接收并处理ref元素加载完成后的回调，例如
      const el = this.$refs.myRef;
      if (el) {
        // 这里可以访问到元素并操作
        console.log('Element loaded:', el);
      }
    },
  },
};
</script>

如果你需要在组件外监听外部资源的加载，你可以使用`axios`（或其他HTTP库）结合`Promise`或`async/await`处理异步加载，并设置对应的`then`或`catch`来处理加载完成的情况。

请注意，对于非标准的自定义事件，最好提供明确的文档说明如何使用它们，以便其他开发者了解。