VUE-cliをなし、逆機能を選択していない、最も簡単にはすべてを選択し得ます。ヨをお見逃しなく！！！！！いくつかの単語の男は、直接コードに、と述べました。。。。

< テンプレート> 
  < DIV クラス= "こんにちは" > 
    < 入力タイプ= "ボタン" 名前= "全て" 値= "全选" @click = "allSelect" /> 
    < 入力タイプ= "ボタン" 名前= "ファン" 値= "全不选" @click = "NOSELECT"  /> 
    < 入力タイプ= "ボタン" 名前= "ファン" 値= "反选" @click = "fanSelect"  />
    < ULのV-用= "dataCheckで（リスト、インデックス）" ：キー= "インデックス" > 
      < 李> 
        < 入力タイプ= "チェックボックス" ：値= "list.text" Vモデル= "list.check" /> 
        {{list.text}} 
      </ 李> 
    </ UL > 
  < / DIV > 
</ テンプレート>

<スクリプト> 
エクスポートデフォルト{ 
  データ（）{ 
    リターン{ 
      dataCheck：[ 
        {テキスト： 'りんご'は、チェック：falseに}、
        {テキスト： 'マンゴー'は、チェック：falseに}、
        {テキスト： 'パッションフルーツ'は、チェック：falseに}、
        {テキスト： '建築果物'、チェック：falseに} 
      ] 
    } 
  }、
  メソッド：{ 
    allSelect（）{ 
      はconsole.log（ 1258 ）

      のvar datache = この.dataCheck
       について（VARI = 0; 私はdatache.lengthを<; 私は++ ）{ 
        datache [I] .check = 真
      } 
      この .dataCheck = datache 
    }、
    NOSELECT（）{ 
      VARの datache = この.dataCheck
       ため（VAR iは++; iはdatache.lengthを<; I = 0 ）{ 
        [I] datacheを。チェック = 偽
      } 
      この .dataCheck = datache 
    }、
    fanSelect（）{ 
      VARの datache = この.dataCheck
       ため（VAR i = 0; iがdatache.lengthを<; I ++）{ 
        datache [I] .check =！datache [I] .check 
      } 
      この .dataCheck = datache 
    } 
  } 
}
 </ SCRIPT>