vue.js - vue data和methods可以重名吗？

问题描述

问 题

刚才在群里问这个问题有人说可以重名，自己做了个测试发现报这样的错误：

<div id="chongming">
    {{testname}}
    <button v-on:click='dianji'>点击</button>
</div>

new Vue({
    el:'#chongming',
    data:{
        testname:'这是转换信息你知道么？'
    },
    methods:{
        testname:function(){
            console.log(123);
        },
        dianji:function(){
            this.testname = this.testname.split('').reverse().join('');
            this.testname();
        }
    }
});

所以特来问问大家的看法，现在我已经明白了，不能重名，谢谢大家。

解决方案

不可以。
Vue会把methods和data的东西，全部代理到Vue生成的对象中。
因此this. testname会被覆盖。

这篇关于vue.js - vue data和methods可以重名吗？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！