vue的click无效

Question

html代码：

<div class="row" v-if="notEmptyArray(sysUsers)" v-for="one in sysUsers">
    <div class="col-sm-4" >
        <img  style="width: 120px;height: 120px;" alt="Bootstrap Media Preview" :src="getImageUrl(one.userPhoto)" />
    </div>
    <div class="col-sm-6" style="height: 120px;padding-top: 20px">
        <h3  v-text="one.userName"></h3>
        <p>{{one.userBio}}</p>
    </div>
    <div class="col-sm-2">
        <button type="button" class="btn btn-primary" @click="addUser(one.userId)">添加</button>
    </div>
</div>

js代码：

var vue=new Vue({
    el:"#vue_dom",
    data:{
        sysUsers:""
    },
    methods:{
        getImageUrl:getImageUrl,
        notEmptyArray:notEmptyArray,
        reloadVue:function(){
            this.$forceUpdate();
        },
        addUser:function (userId) {
            $.ajax({
                url:cxt+"/user/center/addUser",
                data:{
                    userId:userId
                },
                type:"POST",
                dataType:"JSON",
                success:function(){

                }
            })
        }

    }
})

@click="addUser(one.userId)"无效

Answer 1

先看控制台有无报错, 目前代码是看不出来是否有错.
猜测是$ is not defined, 如果是则是因为未引入jquery

Answer 2

v-for 与 v-if 不建议放一起，可以将v-for放上面（加个div），v-if放原处