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)傳遞引用
創(chuàng)引用悦荒,一種是我們的數(shù)組(array),一種是我們的對象(object)嘹吨。傳值的話搬味,可以傳遞字符串,可以傳遞boolean,number等這些東西碰纬,
二萍聊、子級向父級傳遞:
此方法名也就是父級使用時候綁定的事件方法名:
父級實現(xiàn)方法: