Javascript 无法在vue js组件中获取随机数据

我想在我的html中随机获得其中一个名称。。 但我还是无法让它工作：

Vue.component('modal', {
  template: '#modal-template',
 data: {
    items: [
      { name: 'You' },
      { name: 'Leonidas' }
     ]
 }, nowName : "",

 created () {
    const idx = Math.floor(Math.random() * this.items.length);
    this.nowName = this.items[idx]
  }
})

---

这是我的vue代码，我不知道它是否正常，是否可以用{{nowName}将其取回。我用method（）和data中的函数尝试了几次，但它没有随机返回。

是什么让你认为它没有随机返回<在您的示例中，code>idx将始终返回一个介于

0

和

this.items.length

之间的整数。（

0

或

1

）。例如，运行10次时：

const项=[
{name:'你'}，
{name:'Leonidas'}
];
新数组（10）.fill（null）.forEach（（num）=>{
const idx=Math.floor（Math.random（）*items.length）；
console.log（items[idx]）；
});在组件中，数据必须是函数。上面写的不是有效的Vue组件；如果这就是你在代码中所拥有的，那么它根本不会工作。