vue 父傳子（經過屬性傳遞）

時間 2019-12-12

標籤 vue 傳子經過屬性傳遞简体版

原文原文鏈接

<!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>

相關標籤/搜索