重新绑定 vue.js 组件

Posted 2023-02-22

【中文标题】重新绑定 vue.js 组件

【英文标题】：Re-binding vue.js component

【发布时间】：2015-08-07 22:47:52

【问题描述】：

我有一个自定义 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: '[e-mail]'
    
  
)

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

user: 
  name: 'Baz',
  email: '[e-mail]'

【问题讨论】：

我不明白你想要什么。听起来您只是想更改数据。

【参考方案1】：

这样做：

parent.user = 
   name: 'Baz',
   email: '[e-mail]'
;