父子组件调用与传值

父组件调用子组件

父组件：

<quote-item></quote-item>

import QuoteItem from '@/components/QuoteItem.vue';
export default {
    components: {
    "QuoteItem": QuoteItem,
    }
}

子组件：

export default {
    name:"QuoteItem"
}

父组件传值给子组件

父组件：

<quote-item :priceList="priceList"></quote-item>

子组件：

props: {
    priceList:{
      	type:Array,
        default () {
        return []
        }
    }
},
computed: {
    priceListNew:function(){
        return this.priceList;
    }
}

子组件传值给父组件

父组件：