vue组件间的通信，数据共享

1、a.vue页面，在a.vue引入b.vue，实现组件间数据的共享

<template>
    <b :param="param"></b>
</template>
<script>
    import b from '@/b.vue'
    export default {
    
    
        components: {
    
    
    			b
    		},
        data() {
    
    
            return {
    
    
                param: 'hello vue'
            }
        }
    }
</script>

2、b.vue界面

<templet>
    {
    
    {
    
    param}}
</templet>
<script>
    export default {
    
    
        // props：可以定义多个变量
        props: {
    
    
            param: {
    
    
                // type；可以定义多个类型，如 type: [String, boolean, Array]
                type: String,
                default: ''
            }
        }
    }
</script>

结果：这样，当加载a.vue页面时，b.vue就可以显示’hello vue’，若没有显示成功，很有可能是组件没有引入成功