在vue组件中使用props传值
案例
- 编写组件
<template>
<div class="goods_list">
<div
class="goods_item"
v-for="item in goods_item"
:key="item.id"
>
<img :src="item.avatar" />
<div class="price">
<span>¥{{ item.price }}</span>
<span>¥{{ item.numbers }}</span>
</div>
<div class="name">
{{ item.bookname }}
</div>
</div>
</div>
</template>
<script>
export default {
props:['goods_item'],
data() {
return {};
},
methods: {},
created() {},
};
</script>
<style>
</style>
- 调用组件