Javascript 如何在Vue.js中使用单击事件发送数据

我用Vue.js编写了这个简单的示例

//vue实例
var vm=新的Vue({
el:“应用程序”，
数据：{
矩阵：[，，，，，，，，，，，，，，，，，，，，，]，
},
方法：{
handleClick:function（）{
控制台日志（“事件触发”）；
}
}
})

*{
框大小：边框框；
}
#游戏盒{
宽度：150px；
显示：块；
保证金：0px自动；
填充：0px；
背景：绿色；
}
.表格项目{
浮动：左；
宽度：33.333%；
高度：50px；
背景：黄色；
边框：1px纯绿色；
边际：0px；
文本对齐：居中；
}

{{sign}}

以下代码段将索引传递给handleClick函数

handleClick（索引）

//vue实例
var vm=新的Vue({
el:“应用程序”，
数据：{
矩阵：[，，，，，，，，，，，，，，，，，，，，，]，
},
方法：{
handleClick：函数（i）{
console.log（“事件触发”，i）；
}
}
})

*{
框大小：边框框；
}
#游戏盒{
宽度：150px；
显示：块；
保证金：0px自动；
填充：0px；
背景：绿色；
}
.表格项目{
浮动：左；
宽度：33.333%；
高度：50px；
背景：黄色；
边框：1px纯绿色；
边际：0px；
文本对齐：居中；
}

{{sign}}

以下代码段将索引传递给handleClick函数

handleClick（索引）

//vue实例
var vm=新的Vue({
el:“应用程序”，
数据：{
矩阵：[，，，，，，，，，，，，，，，，，，，，，]，
},
方法：{
handleClick：函数（i）{
console.log（“事件触发”，i）；
}
}
})

*{
框大小：边框框；
}
#游戏盒{
宽度：150px；
显示：块；
保证金：0px自动；
填充：0px；
背景：绿色；
}
.表格项目{
浮动：左；
宽度：33.333%；
高度：50px；
背景：黄色；
边框：1px纯绿色；
边际：0px；
文本对齐：居中；
}

{{sign}}

不需要使用箭头/匿名函数。一个简单的

handleClick（index）

就可以了。啊，是的，我想它会在加载时调用该函数。谢谢不需要使用箭头/匿名函数。一个简单的

handleClick（index）

就可以了。啊，是的，我想它会在加载时调用该函数。谢谢

@click=“handleClick（index）

应该有效，您尝试过这种方法吗？工作示例

@click=“handleClick（index）

应该有效，您尝试过这种方法吗？工作示例

// in view
@click='handleClick(data)'


// in logic
methods: {
handleClick(dataFromClick) => {
// do something with dataFromClick
}
}