Vue 中的props ╰+哭是因爲堅強的太久メ 2021-07-25 17:01 353阅读 0赞 **如果props始终获取不到传过来的值,考虑是否props写多了一个!!!!!!** <template> <div> { {propA_init}}-{ {propA}} </div> </template> <script> export default { components: {}, props: { //必须是数字类型 propA:Number, //必须是字符串或数字类型 propB:[String,Number], //布尔值,如果没有定义,默认值是true propC:{ type:Boolean, default:true }, //数字,而且是必传 propD:{ type:Number, required:true }, //如果是数组,默认值必须是一个函数来返回 propE:{ type:Array, default:()=>[] }, //如果是对象,默认值必须是一个函数来返回。也可用箭头函数 propF:{ type:Object, default:function(){ return {} } }, //自定义一个验证函数 propG:{ validator:function (value){ return value>10 } } } data() { return { propA_init:this.propA }; }, mounted() { console.log(this.propA_init) console.log(this.propA) }, methods:{ this.propA_init="asdf" } </script>
还没有评论,来说两句吧...