vue中checkbox綁定的數(shù)據(jù)賦予原始值后出現(xiàn)異常

實現(xiàn)一個文章的編輯功能，進入編輯頁面后，表單會獲得原本文章的數(shù)據(jù)
但checkbox部分出現(xiàn)了bug，點擊其中一個checkbox會全選或全不選，與其綁定的數(shù)組也只有true和false
代碼如下

<div class="wrap classify">
        <label>博客分類</label>
        <div class="classifyCheckbox">
          <label>vue.js</label>
          <input type="checkbox" value="vue.js" v-model="blog.classify">
          <label>javascript</label>
          <input type="checkbox" value="javascript" v-model="blog.classify">
          <label>CSS</label>
          <input type="checkbox" value="CSS" v-model="blog.classify">
          <label>jQuery</label>
          <input type="checkbox" value="jQuery" v-model="blog.classify">
        </div>
      </div>

 data() {
    return {
      blog: {
        id: null,
        blogTitle: "",
        blogContent: "",
        classify: [],
        type: ""
      },
      types: ["原創(chuàng)","非原創(chuàng)"],
      submited: false // 表單是否提交
    }
  },
created() {
    // 頁面創(chuàng)建時獲取當前博客信息。
    this.blog = this.$store.state.presentBlog;
  }

初始時classify只有"vue.js",但頁面顯示如下：

點擊其中一個checkbox后，全不選

打印classify，false

請問問題出在哪呢？小白求助