vue父子组件直接传一个数组，子组件收到了怎么赋给临时变量，并且触发视图更新

在Vue中，如果父组件直接将一个数组传递给子组件，子组件可以通过props接收该数组，并将其赋给一个临时变量。同时，为了触发子组件的视图更新，你需要使用Vue提供的特殊属性`key`。

下面是一个示例，展示了父组件向子组件传递一个名为"list"的数组，并在子组件中将其赋给临时变量"tempList"：

父组件：

<template>
  <div>
    <ChildComponent :list="parentList" />
  </div>
</template>

<script>
import ChildComponent from './ChildComponent.vue';

export default {
  data() {
    return {
      parentList: ['Apple', 'Banana', 'Orange'],
    };
  },
  components: {
    ChildComponent,
  },
};
</script>

子组件：

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

<script>
export default {
  props: ['list'],
  data() {
    return {
      tempList: [],
    };
  },
  mounted() {
    this.tempList = this.list;
  },
};
</script>

在上述示例中，父组件通过`:list="parentList"`将"parentList"数组传递给子组件的props。子组件接收到这个数组后，在`mounted`生命周期钩子函数中将其赋给"tempList"临时变量。同时，在子组件的模板中，我们使用`v-for`指令遍历"tempList"数组，并为每个数组项指定一个`key`，以确保在数组发生变化时可以正确地更新视图。

请注意，父组件中的数组改变时，子组件的props也会相应地更新，因此子组件的"tempList"也会随之更新，并且通过指定`key`来触发视图的重新渲染。