Vue之数据传递

基础：vue的响应式规则

简单的props更新

父组件

<template>
    <div>
        <block-a :out-data="x"></block-a>
    </div>
</template>

<script>
    import blockA from './block-a';

    export default {
        name: "App",
        components:{
            blockA
        },
        data(){
            return {
                x:123
            }
        },
        mounted(){
            setTimeout(()=>{
                this.x = 789;
            },1000)
        }
    }
</script>

View Code