Vue.js從組件方法更新模板

Question

我想在調用組件的某個方法時更新組件模板。就像解析函數，或Vue.compile渲染選項，或v-html綁定選項（但實際上編譯模板）。

如何從組件方法調用解析函數。

這是可能的，我應該如何做到這一點與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>