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你这个问题:好的,我会的。让我给你回电话!