• vue-实例属性 组件通讯


    多组件生命周期关系:
    	父beforeCreate->父created->父beforeMount(子周期)父mounted
    	子周期: 子beforeCreate->子created->子beforeMount->子mounted
    	子的created可以拿父的数据了
    实例属性:
    
    	$children 父抓子元素
    
    	$parent 子抓父元素
    
    父A
    <template>
        <div>
            <h3>CompA数据</h3>
            <hr>
            <CompB></CompB>
        </div>
    </template>
    <script>
    import CompB from './CompB'
    export default {
        name:'CompA',
            data() {
            return {
            msg:'a数据'
            }
        },
        methods: {
            show(){
            console.log("a方法")
            }
        },
        components:{CompB},
    mounted() {
        console.log("a抓取b数据",this.$children)
      },
    }
    </script>
    
    子B
    <template>
        <div>
            <h3>CompB数据</h3>
            <hr>
            <CompC></CompC>
        </div>
    </template>
    <script>
    import CompC from './CompC'
    export default {
        data() {
            return {
                msg:'b数据'
        }
        },
        methods: {
            show(){
            console.log("b方法")
            }
        },
        components:{CompC},
        created() {
            console.log('b抓取a数据',this.$parent)
        },
    }
    </script>
    


  • 相关阅读:
    ajax 笔记
    EM Algorithm
    Support Vector Machine
    Factor Analysis
    Local weighted regression
    一点突发奇想
    纳什均衡
    自驾崇明东滩湿地
    程序员热力学第二定律
    SQL Server Identity 属性的问题
  • 原文地址:https://www.cnblogs.com/sansancn/p/11081310.html
Copyright © 2020-2023  润新知