vue组件传值的五种方式
方法一 父组件向子组件传值 (props传参)
父组件
<template>
<div class="container">
<div>我是父组件</div>
<Son
str="字符串"
:num="5"
:obj="{ name: '对象信息' }"
:func="() => {this.list()}"
:arr="arr"
></Son>
</div>
</template>
<script>
import Son from './son'
export default {
name: 'Father',
components: { Son },
data() {
return {
arr: [1, 2, 3],
}
},
methods: {
list() {
console.log('list')
},
},
}
</script>
子组件
<template>
<div