vue的条件渲染名字用字符串拼接失效

Question

如题，
html:

<div id="demo">
    <p v-if="a1">hello</p>
</div>`

var vm = new Vue({
    el: '#demo',
    data: {
        show: true,
        a1:false,
        t:0,
    },
    methods: {
        init:function() {
            vm.t++;
            var n = "a" + vm.t;
            vm.n = true;
            console.log(n);
            console.log(vm.n);
        }
    }
});
vm.init();

打开页面后，p标签没有显示出来，这是为什么？
控制台输出正常：

Answer 1

vm.n表示vm对象下面的属性n，你想要操作a1属性，应该是这样的vm[n]。

Answer 2

// vm.n = true;
this.$set(n, true);

Answer 3

p元素当然是不会显示的，vue中v-if指令是表示条件渲染，你已经给v-if赋值为al,而al的值为false所以是不会渲染的