v-for和v-text连用造成死循环

Question

<ul class="ul">

<li v-for="list in data">

    <p :class="change(list.aa)" v-text="value"></p>

</li>

</ul>

new Vue({

    el:'.ul',

    data:{

        value:'',

        data:[{aa:11,bb:111},

            {aa:22,bb:222},

            {aa:222,bb:2222}]

    },

    computed:{

    },

    methods:{

        change:function (params) {

            console.log(params);

            if (params==11) {

                this.value='一一一';

            }

            if (params==22) {

                this.value='二二二';

            }

            if (params==222) {

                this.value='三三三';

            }

        }

    }

});