+Vue+created のバックアップ(No.1)

バックアップ一覧
差分を表示
現在との差分を表示
ソースを表示
+Vue+created へ行く。
- 1 (2022-09-02 (金) 12:20:36)
- 2 (2022-09-02 (金) 12:22:17)
- 3 (2022-09-06 (火) 14:58:52)

※前提条件：本文基于 Vue 2.0 创作

嵌套组件里面如何每次加载都调用子组件的created
- 父组件
- 子组件

嵌套组件里面如何每次加载都调用子组件的created †[edit]

父组件 †[edit]

<template>
    <div>
        <div>
            <h1>父级</h1>
            <button @click="handleLoad">点击重新加载子级</button>
        </div>
        <children :key="timer"></children>
    </div>
</template>
<script>
import children from '@/components/parent/children'
export default {
    name: 'parent',
    components: { children },
    data () {
        return {
            timer: ''
        }
    },
    methods: {
        handleLoad () {
            this.timer = new Date().getTime()
        }
    }
}
</script>

↑

子组件 †[edit]

<template>
    <div>
        子级
    </div>
</template>
<script>
export default {
    name: 'children',
    data () {
        return {}
    },
    created () {
        console.log('重新加载啦')
    }
}
</script>

コメント：