vue如何向一个ts文件中传递参数

在Vue中向一个TS文件中传递参数，可以通过以下两种方式实现：

1. 通过props传递参数：

在Vue组件中，可以通过props属性将参数传递给子组件，然后在子组件中通过TS文件接收参数。例如：

<template>
  <div>
    <child-component :param="param"></child-component>
  </div>
</template>

<script lang="ts">
import { Component, Vue } from 'vue-property-decorator';
import ChildComponent from './ChildComponent.vue';

@Component({
  components: {
    ChildComponent,
  },
})
export default class ParentComponent extends Vue {
  param: string = 'Hello World';
}
</script>

在子组件ChildComponent中，可以通过@Prop装饰器接收参数。例如：

import { Component, Vue, Prop } from 'vue-property-decorator';

@Component
export default class ChildComponent extends Vue {
  @Prop() param!: string;
}

2. 通过$emit传递参数：

在Vue组件中，可以通过$emit方法触发一个自定义事件，并将参数传递给父组件，然后在父组件中通过TS文件接收参数。例如：

<template>
  <div>
    <button @click="onClick">Click me</button>
  </div>
</template>

<script lang="ts">
import { Component, Vue } from 'vue-property-decorator';

@Component
export default class ChildComponent extends Vue {
  onClick() {
    this.$emit('custom-event', 'Hello World');
  }
}
</script>

在父组件中，可以通过v-on指令监听自定义事件，并将参数传递给TS文件。例如：

<template>
  <div>
    <child-component @custom-event="onCustomEvent"></child-component>
  </div>
</template>

<script lang="ts">
import { Component, Vue } from 'vue-property-decorator';

@Component
export default class ParentComponent extends Vue {
  onCustomEvent(param: string) {
    console.log(param); // 'Hello World'
  }
}
</script>

以上就是向TS文件中传递参数的两种方式。根据具体的需求，选择适合自己的方式即可。