分类：default

2020
10-09

浅谈vue-props的default写不写有什么区别

注意default不要写成defaults例如有一个名为mk-test的组件如下：<template><div>{{maxLength}}</div></template><script>exportdefault{props:{maxLength:{type:Number,default:1}}}</script>当父组件这样调用时：<mk-test></mk-test>渲染出来是：1如果把组件的default:1删除，父组件调用方式不变，此时渲染结果是：0此时如果父组件改成：<mk-testmaxLength="3"></mk-test>此时渲染结果是：3... 继续阅读 >

2020
10-08

vue props default Array或是Object的正确写法说明

1、错误写法demo:{type:Array,default:[]}eslint语法报错：Invaliddefaultvalueforprop“demo”:PropswithtypeObject/Arraymustuseafactoryfunctiontoreturnthedefaultvalue.2、正确的写法应该是：demo:{type:Array,default:function(){return[]}}或是用箭头函数：demo:{type:Array,default:()=>[]}3、对象的箭头函数写法：demoObj:{type:Object,default:()=>({})}或是常规demoObj:... 继续阅读 >