访问vue组件中的数据

Question

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

我的组件：

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

created() {},

methods: {}

}

这是我渲染它的地方。 Offer是一个对象：

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

Answer 1

将道具传递给像:order="order"这样的组件。在组件vm中，在props数组中将其列为String。

export default {
  name: 'component-vallingby',
  props: ['offer']
}

然后实例化你传递order的组件，如下所示：

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

Answer 2

你需要在你提到的props内部使用export default {}。

props: ['offer']

你应该把它绑定为

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