如何在viewer.js中写入一个timing方法并传值，在vue页面调用timing方法接受值

你可以在viewer.js中定义一个timing方法，并在该方法内部执行你想要计时的操作，然后将计时结果传递给Vue组件。以下是一个示例：

在viewer.js中定义timing方法：

function timing() {
  let startTime = Date.now();
  // 执行计时操作
  let endTime = Date.now();
  let timeElapsed = endTime - startTime;
  return timeElapsed;
}

然后，在Vue组件中可以通过调用该方法来获取计时结果：

<template>
  <div>
    <button @click="startTiming">开始计时</button>
    <p v-if="timeElapsed">计时结果：{{ timeElapsed }}毫秒</p>
  </div>
</template>

<script>
import { timing } from './viewer.js';

export default {
  data() {
    return {
      timeElapsed: null
    }
  },
  methods: {
    startTiming() {
      this.timeElapsed = timing();
    }
  }
}
</script>

在该示例中，我们通过import语句将timing方法导入Vue组件中，并在startTiming方法中调用该方法来获取计时结果。然后，我们将计时结果赋值给组件的data属性中的timeElapsed属性，并在模板中显示该属性的值。