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