Javascript 如何在按键时重新评估计算值?

Javascript 如何在按键时重新评估计算值?,javascript,event-handling,vue.js,keyboard-events,Javascript,Event Handling,Vue.js,Keyboard Events,我想在按键时显示列表中不同的随机单词 “显示随机单词”部分工作正常: var vm=new Vue({ el:“根”, 数据:{ 动词:['parier','coter','couper','blesser'] }, 计算:{ 动词:function(){ 返回this.verbs[Math.floor(Math.random()*this.verbs.length)]; } } }) {{动词}} 按设计计算的值理想情况下运行一次 Vue的创建者Evan提到在组件创建时附加一个全局侦听器

我想在按键时显示列表中不同的随机单词

“显示随机单词”部分工作正常:

var vm=new Vue({
el:“根”,
数据:{
动词:['parier','coter','couper','blesser']
},
计算:{
动词:function(){
返回this.verbs[Math.floor(Math.random()*this.verbs.length)];
}
}
})

{{动词}}

按设计计算的值理想情况下运行一次

Vue的创建者Evan提到在组件创建时附加一个全局侦听器,然后直接调用您的方法

var vm=new Vue({
el:“根”,
数据:{
动词:“”,
动词:['parier','coter','couper','blesser']
},
方法:{
getRandomVerb:function(){
this.verb=this.verbs[Math.floor(Math.random()*this.verbs.length)];
}
},
安装的(){
window.addEventListener('keydown',this.getRandomVerb)
}
})

{{动词}}