在vue组件中访问数据

Question

我试图访问一些我绑定到组件的数据，但是没有运气。 我应该怎么做？

我的组件：

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

created() {},

methods: {}

}

我在这里渲染它。 要约是一个对象：

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

Answer 1

将prop传递给组件:order="order" 。 在组件vm内，在props数组中将此列为String 。

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

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

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

Answer 2

您需要在export default {}提到props 。

props: ['offer']

您应该将其绑定为

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