重新绑定 vue.js 组件

Question

我有一个自定义 Vue 组件已成功绑定到一个 javascript 对象，但现在想将该组件重新绑定到另一个对象。这可能吗？

标记：

<div id="wrapper">
  <p v-component="user-profile" v-with="user"></p>
</div>

使用以下组件/vue：

Vue.component('user-profile', {
  template: '{{name}}<br>{{email}}'
})

var parent = new Vue({
  el: '#wrapper',
  data: {
    user: {
      name: 'Foo Bar',
      email: 'foo@bar.com'
    }
  }
})

我想用以下数据重新绑定组件：

user: {
  name: 'Baz',
  email: 'baz@vue.com'
}

Answer 1

这样做：

parent.user = {
   name: 'Baz',
   email: 'baz@vue.com'
};