$http請求後t(yī)hen裏的this.zanstatus怎麼2次判斷都是0，估計第2次判斷應是if(this.zanstatus == 1)

if if
else if
將like函數(shù)中第二個if 改成else if

this

不知道你那個代碼是復制粘貼的不，computed里面有一個錯誤，可以先細心的檢查一遍代碼，在必要的地方打印一下當前的值，看是否符合預期。

computed:{
      likeclass:function() {
          if(this.items. != "") {   //這里多了一個.
            if(this.items == 0) {
              this.items = "zan"
            }
            if(this.items == 1) {
              this.items  = "zan-active"
            }
            return this.items
          }
      }
    },

有幾個建議給你：
1，樓上說了，this.zanstatus兩次判斷都是0
2，既然用了vue,就不要去操作dom，使用數(shù)據(jù)驅動v-bind:class
3,在函數(shù)里不要隨便使用this，除非你非常清楚指向，最好用 let self = this;

首先想說的是 vue 就是數(shù)據(jù)驅動盡可能不去操作 dom, 而 jquery 就是為了操作 dom 而存在的,為什么要把兩者結合呢???

首先likeclass可以這么寫

computed:{
      likeclass:function() {
          var classes = ['zan', 'zan-active']
          // 盡量用 !==
          if(this.items!== '') {
              return this.items = classes[this.items]
          }
          // 按照你的方式是以上寫法
          ---
          // 這個方法既然是改變的 this.items 為什么要放在computed呢? 
          // 將 classes 放在 data 里面,因為不知道后面是不是還要有 2,3,4等狀態(tài),
          // 不然可以直接在標簽上 使用三元運算綁定 class, <div class="zan" :class="items === 0 ? '' : '-active'"><div>
          // 將狀態(tài)的 class 值放在數(shù)組里面就可以直接在 tag 上  <div :class="classes[items]"><div>
      }
    },

其次,點贊方法

methods:{
   // 你的點贊方式是什么類型的請求???
   // 那我假設是 post
   // 不知道你用的是不是 axios, 我假設你用的是
  like:function() {
    let url = `假裝是一個url`
    let params = {}
    let config = {
        headers: {...}
    }
    // 這里看到你用的不是箭頭函數(shù),那就要緩存 this
    let _this = this
    this.$http.post(url, params, config).then(function(res){
    
      // 為什么有兩次 this.zanstatus == 0 的判斷 ???
      // 好吧 應該是 0 想點贊, 1 取消點贊
      if(res.body.msgflag == 1) { //代表請求成功
         _this.items = _this.zanstatus
         
        // 至于你的 zanstatus 是怎么回事 你再研究下 
      }
    },function(err){
      console.log(err)
    })
  }
}

希望能幫助到你!如果我哪里有錯誤還請指出