vue2
vue2中的props写法:
<!-- 父组件 -->
<template>
<div>
<Child :list="list"></Child>
</div>
</template>
<script>
export default {
data(){
return {
list: [1, 2, 3]
}
}
}
</script>
<!-- 子组件 -->
<template>
<div>
<span v-for="item in list" :key="item">{{item}}</span>
</div>
</template>
<script>
export default {
props: {
list: {
type: Array,
default: () => []
}
},
mounted() {
console.log(this.list)
}
}
</script>
小于 1 分钟