js 定义的数组怎么传给子组件

在Vue.js中，如果你想将父组件中定义的JavaScript数组传递给子组件，可以通过props来实现。首先，在父组件中，你需要使用属性绑定将数组传递给子组件。例如，在父组件的模板中，你可以这样写：

<template>
  <div>
    <ChildComponent :arrayProp="myArray"></ChildComponent>
  </div>
</template>

在这个例子中，`myArray`是父组件中的JavaScript数组，我们将它传递给子组件的`arrayProp`属性。

然后，在子组件中，你需要声明一个props选项来接收父组件传递的数组。例如，在子组件的`<script>`部分，你可以这样写：

<script>
export default {
  props: ['arrayProp'],
  // 子组件的其他逻辑...
}
</script>

现在，子组件就可以通过`this.arrayProp`访问到父组件传递的JavaScript数组了。你可以在子组件的模板中使用`v-for`指令来遍历数组并显示其内容。

<template>
  <div>
    <div v-for="item in arrayProp" :key="item">{{ item }}</div>
  </div>
</template>

这样，子组件就能够显示父组件传递的JavaScript数组的值了。