组件加key Vue 父组件动态传值给子组件通过key实现

由于组件key作为组件的唯一标识，key值改变则子组件也会被重新加载。

    <CultureSwiper :list="arrList" :key="changKey" />

"key"是保留属性，不能用作给子组件传值。 如果要传给子组件,需要重新定义一个名称

<InstitutionNewsList :IsBtn="1" title="制度律警" :key="key" :id="id" />
或
 <InstitutionNewsList :IsBtn="1" title="制度律警" :key="key" :id="key" />

如果要调用子组件多次,key每个都要不一样

我们只需要在父组件触发事件的时候 改变key的值就可以了，一般用时间戳就可以实现

父组件：

<template>
  <div class="content" @click="thisClick">
    <ChildClass :key="timer" :child-name="childName"></ChildClass