vue父组件给子组件传递数组

Question

下面是我写的一个vux的x-header组件，我需要引用该组件的父组件按实际情况修改组件的元素属性left-options（该属性是数组形式）（title已经实现可以在父组件按需修改）

header.vue

father.vue
尝试①：

尝试②：

而这两种方式都会有下面的报错
[Vue warn]: Invalid prop: type check failed for prop "leftOptions". Expected Object, got String.

我也曾经试过在子组件绑定属性后在父组件写back.backText=""没有报错可以并没有修改成功。
或者直接在子组件绑定:left-options.backText，可是还没看效果，vs code就已经报错了= =

这个是原库中X-header的属性，也是我想要修改的属性（title可以修改成功，前三个不行）,请问是哪里问题了吗

Answer 1

元素属性left-options是变化的，所以绑定的时候就是 :hh=""来绑定

Answer 2

hh 属性前加上 :

<headtop :hh="{backTex: ''}"  htitle="标题"></headtop>

Answer 3

+<headtop :hh="back">
-<headtop hh="back">

Answer 4

v-bind绑定hh

Answer 5

属性值是变量的话，就要在属性前加：（:属性 = 属性值）