Vue.js VueJS:使用字符串设置变量名

Vue.js VueJS:使用字符串设置变量名,vue.js,Vue.js,在下面的示例中,是否可以使用字符串设置变量myvar <script> export default { data() { return { myvar: 'foo' }; } } </script> 下面是一个非常粗糙和基本的示例,说明了如何完成类似的任务: newvue({ el:“应用程序”, 数据(){ 返回{ 迈瓦尔:“你好” } }, 方法:{ changeVal(varName,ne

在下面的示例中,是否可以使用字符串设置变量
myvar

<script>
export default {
    data() {
        return {
            myvar: 'foo'
        };
    }
}
</script>

下面是一个非常粗糙和基本的示例,说明了如何完成类似的任务:

newvue({
el:“应用程序”,
数据(){
返回{
迈瓦尔:“你好”
}
},
方法:{
changeVal(varName,newValue){
此[varName]=newValue;
}
}
});

{{myVar}}
更改myVar

要更改数据,只需像修改任何其他可变变量一样对其进行修改。这取决于组件的设置方式。查看docs(),一种方法是这样的(上面链接中修改的示例):

const vue=新vue({
el:“#应用程序”,
数据:{
myvar:‘foo’
},
模板:“{myvar}}”
})
vue.myvar='bar'


您可以使用
这个['myvar']='foo'
@DerekPollard如果这样做,我会得到一个语法错误:
意外的关键字“this”
你在哪里使用这个?你应该用一种方法来做,我只是想知道是否有可能。是的,确实有可能,你想在什么范围内设置变量?给我们举个例子。
eval('myvar'): 'foo'