Vue 传值有两种:
1)父组件向子组件传值(属性传值,Prop传值)
2)子组件向父组件传值
一、父组件向子组件传值(Prop传值)
请见我的Prop传值。
示例:
在父组件的模板中:
<template>
<div id="app">
<users v-bind:users="users"></users> # 这个"users"是父组件里面的data,传值给子组件users,使用v-bind:来传值,前面的key(users)就是子组件要接受的
</div>
</template>
在子组件中:
<script>
export default {
props: ['users'], # 这里定义users,在父组件才能传值
}
</script>
或者验证的方式(推荐):
<script>
props: {
users:{
type: Array,
required: true
}
}
</script>
属性传值,可以传递两种东西:
1)传值
2)传递引用
创引用,一种是我们的数组(array),一种是我们的对象(object)。传值的话,可以传递字符串,可以传递boolean,number等这些东西,
二、子级向父级传递:
此方法名也就是父级使用时候绑定的事件方法名:
父级实现方法: