访问vue组件中的数据

Question

我试图访问一些没有运气的组件数据。我该怎么做？

我的组件：

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

created() {},

methods: {}

}

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

<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>