组件之间的传值

vue组件之间的传值

父组件–>子组件

通过Prop传值

在子组件中定义一个props属性，若需要遍历时，可以通过动态绑定属性值实现

父组件代码：

<template>
    <div>
        <children v-for="item in schoolList " :schoolmessage="item"></children>
    </div>

</template>
<script>
    import children from "./children";
    export default {
        name: "parent",
        data(){
            return{
                schoolList:[
                    {
                        schoolName:'清华大学',
                        schoolAddress:'北京'
                    },
                    {
                        schoolName:'浙江大学',
                        schoolAddress:'杭州'
                    },
                    {
                        schoolName:'香港中文大学',
                        schoolAddress:'香港'
                    },