Vue 强制让 dom 和 组件重新渲染

给需要强制重新渲染的dom或组件增加key，然后改变key的值即可使组件重新渲染。

<template>
    <div class="home">
        <HelloWorld :key="renderKey" />
        <button @click="onClick">重新渲染</button>
    </div>
</template>

<script>
import HelloWorld from "@/components/HelloWorld.vue";

export default {
    name: "Home",
    data() {
        return {
            renderKey: 1
        };
    },
    components: {
        HelloWorld
    },
    methods: {
        onClick() {
            this.renderKey++;
        }
    }
};
</script>