Laravel 6.x 控制器返回数组或对象给视图，然后传递给 Vue 组件

1，第一步，我在控制器里面返回了一个视图，同时返回了一个数组给视图。

return view('my_view', ['arr' => $arr] );

2，我在视图里面用到了一个vue组件，

<my-component my_data="aaaaaaaaaaaaaaaaaaaaa"></my-component>

下面是vue组件的内容：

<template>
    <el-button  type="success" plain>{{my_data}}</el-button>
</template>

<script>
    export default {
        mounted() {
            console.log('Component mounted.')
        },
        props: ['my_data']
    }

</script>

前端页面此时会显示字符串"aaaaaaaaaaaaaaaaaaaaa",

我想问能不能将视图里面的数组或对象传递给vue.谢谢大家。