Javascript 在vue组件中访问数据

Javascript 在vue组件中访问数据,javascript,vue.js,Javascript,Vue.js,我试图访问一些数据,我已经绑定到一个组件没有运气。我该怎么做 我的组成部分: export default { name: 'component-vallingby', data() { return { } }, created() {}, methods: {} } 这里是我渲染它的地方。要约是一个对象: <component-vallingby v-bind="{ offer: offer }"></component-vallingby>

我试图访问一些数据,我已经绑定到一个组件没有运气。我该怎么做

我的组成部分:

export default {
  name: 'component-vallingby',
  data() {
    return {
  }
},

created() {},

methods: {}
}

这里是我渲染它的地方。要约是一个对象:

<component-vallingby v-bind="{ offer: offer }"></component-vallingby>

您需要
道具
在您的
导出默认值{}

props: ['offer']
你应该把它按原样装订起来

<component-vallingby :offer="offer"></component-vallingby>

将道具传递给组件,如
:order=“order”
。在组件vm内部,在
props
数组中将其作为
字符串列出

export default {
  name: 'component-vallingby',
  props: ['offer']
}
然后实例化传递
订单的组件,如下所示:

<component-vallingby :offer="offer"></component-vallingby>


谢谢!工作。但是为什么要将实际数据(道具、标题)移到data()之外呢?我只是删除了它们,因为它们在代码中似乎是空的,只是为了表明不必列出空属性<代码>道具
自动映射到
数据()
。是的,我知道了。但是为什么道具不应该成为data()的一部分呢?因此它实际上是数据。(json)这就是Vue.js中组件的设计方式-去问Evan你这个问题:好的,我会的。让我给你回电话!