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>