Vue.jsコンポーネントメソッドからテンプレートを更新する

Question

コンポーネントの特定のメソッドが呼び出されたときにコンポーネントテンプレートを更新したい。 resolve関数、Vue.compileレンダリングオプション、v-htmlバインディングオプション（ただし実際にはテンプレートをコンパイルする）と同じです。

コンポーネントメソッドからresolve関数を呼び出す方法はありますか。

これは可能ですか？Vue.jsでこれを行う必要がありますか？

Answer 1

コンポーネントのdata関数の戻りオブジェクトの変数soのように、更新する内容を定義します。 Vue.extendなど

のようにメソッドを定義し、メソッド内でthis.whateverYouNamedYourVariableを変更すると、データは関数でなければなりません。

そして、v-onまたはプログラムでメソッドを呼び出します。ここでは、v-onイベントバインディングへのリンクもあります。Vue docs

そしてwebpackを使った簡単な例です。

<template> 
    {{me}} 
    <button v-on:"changeMe">Click to change!</button> 
</template> 

<script> 
import 'vue' from 'vue'; 
export default { 
    name: 'VueEventBindDemo', 
    data: function() { 
     return { me: 'isMe'} 
    }, 
    methods: { 
     changeMe: function() { 
      this.me = "isYou"; 
     } 
    } 
} 
</script>