Vue.js Vue JS2按id查找数组值

如何从vue js中的数组中按id获取值？非常感谢您的解决方案

list = [
    {
        "name": "Apple",
        "id": 1,
    },
    {
        "name": "Orange",
        "id": 2,
    }
]
watch: {
    food: function (val) {
        //Get food name by val(id)
    }
}

使用方法，该方法返回数组中满足所提供测试函数的第一个元素的值：

var food=list.find（food=>food.id==val）
var名称=食物？null:food.name

let list=[
{
“名称”：“苹果”，
“id”：1，
},
{
“名称”：“橙色”，
“id”：2，
}
]
console.log(
list.find（food=>food.id==1）.name
)