<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<div id='app'>
<son :money="800"></son>
</div>
</body>
</html>
<template id="son">
<div>
{{money}}
<button>按鈕</button>
</div>
</template>
<script src="node/node_modules/vue/dist/vue.js"></script>
<script>
let son={
template:'#son',
props:{
money:{
// type:[Number,String,Array],//傳過來的數據類型
type:Array,
// type:Number,
default:function () {
return[200,300]
},
// default:[200,300],//若不傳，會給一個默認值 若沒有這個default設置，則拿到的值是個undefined
//若默認值是個數組或者對象 則需要用函數包起來，把數組或對象作為返回值return出去
required:true,//這個屬性是必須傳
validator(val){//判斷條件，判斷是否滿足需求的
console.log(val);//val 就是通過父組件傳出來的數據
//這個函數是讓開發者驗證 使用組件的人傳進來是數據是否符合這個組件的要求
return val<900
}
}
}
};
let vm = new Vue({
el: '#app',
data: {},
methods: {},
components:{
son
}
})
</script>
vue 父傳子（通過屬性傳遞）
免責聲明！
本站轉載的文章為個人學習借鑒使用，本站對版權不負任何法律責任。如果侵犯了您的隱私權益，請聯系本站郵箱yoyou2525@163.com刪除。