Javascript VueJs中未定义的函数

Javascript VueJs中未定义的函数,javascript,vue.js,Javascript,Vue.js,data(){ 返回{ arrayToBeSorted:[1,2,3,4,5,6,7,8], isManipulatingArray:false, shuffleButtonText:“洗牌!”, 巫术:[ {id:1,名称:“冒泡排序”,fn:bubbleSort}, {id:2,名称:“选择排序”,fn:selectionSort}, {id:3,名称:“插入排序”,fn:insertionSort}, ], } }, 方法:{ 排序:函数(算法){ 这个.Algorithm.fn(); }

data(){
返回{
arrayToBeSorted:[1,2,3,4,5,6,7,8],
isManipulatingArray:false,
shuffleButtonText:“洗牌!”,
巫术:[
{id:1,名称:“冒泡排序”,fn:bubbleSort},
{id:2,名称:“选择排序”,fn:selectionSort},
{id:3,名称:“插入排序”,fn:insertionSort},
],
}
},
方法:{
排序:函数(算法){
这个.Algorithm.fn();
},
show:function(){
log(“shuffle!”);
},
bubbleSort:函数(){
日志(“泡泡!”);
},
selectionSort:function(){
log(“选择!”);
},
insertionSort:function(){
log(“插入!”);
},
}

{{Algorithm.name}

尝试使用
此上下文

newvue({
el:“#应用程序”,
数据(){
返回{
arrayToBeSorted:[1,2,3,4,5,6,7,8],
isManipulatingArray:false,
shuffleButtonText:“洗牌!”,
巫术:[{
id:1,
名称:“气泡排序”,
fn:这是泡泡糖
},
{
id:2,
名称:“选择排序”,
fn:这是。选择排序
},
{
id:3,
名称:“插入排序”,
fn:这是一个.insertionSort
},
],
}
},
方法:{
排序:函数(算法){
算法fn();
},
show:function(){
log(“shuffle!”);
},
bubbleSort:函数(){
日志(“泡泡!”);
},
selectionSort:function(){
log(“选择!”);
},
insertionSort:function(){
log(“插入!”);
},
}
})

{{Algorithm.name}