コンポーネントからVuejsデータを編集する

私はVue.JSを2つのコンポーネントと2つのテンプレートで使用しています。彼らは複数回使用されている次のようにコンポーネントからVuejsデータを編集する

<compone v-show="! showcompone"></compone> 
<compone v-show="! showcomptwo"></compone>

と

<comptwo v-show="! showcompone"></comptwo> 
<comptwo v-show="! showcomptwo"></comptwo>

マイvuejsは次のとおりです。

new Vue({ 
    el: '#app', 
    data: function(){ 
     return { 
      showcompone: true, 
      showcomptwo: true, 
     } 
    } 
});

私が知っている必要がありますどのようなものです：どのように私は私のコンポーネントがv-showを切り替える作るのですかクリック時のdata？コンポーネントを使用してdataプロパティ値を変更するにはどうすればよいですか？

これを行うより良い方法はありますか？

Vueのは、ちょうど例えば、あなたのコンポーネントにv-on指示、または速記@を使用し、あなたのためのイベントを処理することができます

<button @click="showcompone = !showcompone">Toggle one</button> 
<button @click="showcomptwo = !showcomptwo">Toggle two</button>

何を@clickイベントに渡すことは純粋ジャバスクリプトなので、あなたが呼び出すことができますあなたが望む機能や何でもjs

2016-05-02 15:00:54

恐ろしい！ :)それは仕事です。 o/ ありがとう！ :) – user2711443

Evan（VueJS開発者）がHTMLで値を割り当てることを擁護しているのは、理由を説明するのが難しいからです。 HTML内で直接代入するのではなく、メソッドを呼び出すことを提案する。 –

うーん...しかし、どうすればいい？オブジェクトをメソッド関数に渡すことはできますか？ – user2711443

答えて