Javascript Vue.js中无法处理模型

为什么不能显示{{myGame}}，结果应该是超級馬力歐 首先，当用户按下按钮时，它将改变它，但它没有，它只是显示{{myGame}。我不知道怎么修，谢谢

让myApp=new vue({
el:“我的应用程序”，
数据：{
我的游戏：'超級馬力歐'
},
方法：{
btn单击：函数（pname）{
this.myGame=pname；
},
},
});

JS-Bin
您最喜歡的遊戲是：{{myGame}}

我的世界
我的世界33
我的世界44
我的世11界
这是适合您的固定脚本。作为一个一般性的建议，在将来尝试阅读您的控制台，从而找出错误的根源。问题在于您引用vue的方式不正确，其次，您引用应用程序元素的方式错误


让myApp=new Vue({
el:“#myApp”，
数据：{
我的游戏：'超級馬力歐'
},
方法：{
btn单击：函数（pname）{
this.myGame=pname；
},
},
});

您最喜歡的遊戲是：{{myGame}}

我的世界
我的世界33
我的世界44
我的世11界
这是适合您的固定脚本。作为一个一般性的建议，在将来尝试阅读您的控制台，从而找出错误的根源。问题在于您引用vue的方式不正确，其次，您引用应用程序元素的方式错误


让myApp=new Vue({
el:“#myApp”，
数据：{
我的游戏：'超級馬力歐'
},
方法：{
btn单击：函数（pname）{
this.myGame=pname；
},
},
});

您最喜歡的遊戲是：{{myGame}}

我的世界
我的世界33
我的世界44
我的世11界
查看浏览器控制台，您的错误会显示在那里。您引用vue的方式不是您应该使用的方式，其次，您引用应用程序元素的方式是错误的。上面的评论不错-始终查看您的控制台查看浏览器控制台，您的错误将显示在那里。您引用vue的方式不是您应该使用的方式，其次，您引用应用程序元素的方式是错误的。以上评论不错-请始终查看您的控制台