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>