我想这样做，以便javascript仅在验证特定命令后才运行

Question

我有这个代码

HTML

<p @click="so">Sobre</p>    
<div class="content2" id="myDiv" v-if="i==2">

Vue.js

    var app = new Vue({
    el: '#app',
    data: {
        i: 1/*,
        j: 1*/
    },
    methods:{
        so(){
            this.i = 2
        }
    }
})

JavaScript

            $(".num1").counterUp({ delay: 10, time: 500 })
            $(".num2").counterUp({ delay: 10, time: 1500 })
            $(".num3").counterUp({ delay: 10, time: 2000 })
            $(".num4").counterUp({ delay: 10, time: 2500 })
            $(".num5").counterUp({ delay: 10, time: 3000 })

基本上，vue代码通过将其作为注释来隐藏div，直到我单击p类为止，而JavaScript代码是一个简单的数字计数器（位于div内），但是JavaScript代码立即运行。如何使JavaScript代码仅在i == 2或从注释中删除div时才运行？