props的几种写法

1.数组形式（简写）

props: ['propOne', 'propTwo']

2.对象形式（带类型）

props: {'propOne': Object,'propTwo': [String, Number] // 必须是字符串或数字类型
}

3.对象形式（带多种校验）

props: {propOne: {type: Number,required: true,default: 0},// 如果是数组或对象，默认值必须是一个函数来返回prosTwo: {type: Object,default() {return {}}},propThree: {type: Array,default: () => []},// 自定义一个验证函数propFour: {validator: (value) => {return value > 1}}
}

props的几种写法相关推荐

Vue的props的三种写法
写法一: props:['data','isShow'] 写法二: props:{data: Object,isShow: Boolean } 写法三: props:{data:{require: t ...
Vue——05-02组件的数据、为什么data要使用函数、父组件给子组件传递数据的三种写法、父传子以及传两种以上的值、默认值以及父传子的引用类型
目录在组件中获取数据二.组件中的data为什么必须要是函数? 父组件给子组件传递数据--props属性第一种写法: 第二种写法: 第三种写法: 传默认值 : 父组件传子组件数据--引用类型的两种 ...
vue单文件props写法_详解Vue 单文件组件的三种写法
详解Vue 单文件组件的三种写法 JS构造选项写法 export defaul { data, methods, ...} JS class写法 @Component export default c ...
props写法_详解Vue内部怎样处理props选项的多种写法
开发过程中,props 的使用有两种写法: // 字符串数组写法 const subComponent = { props: ['name'] } // 对象写法 const subComponent ...
关于在页头写Tabs的两种写法
最近有一个需求,需要将antdesign的Tab组件放在页头,而内容分离到页面内容,做成这样的效果: 想要实现这样的写法,要在页头组件PageHeaderLayout里下文章,这里总结两种写法,分别是 ...
Javascript闭包和闭包的几种写法及用途
好久没有写博客了,过了一个十一长假都变懒了,今天总算是恢复状态了.好了,进入正题,今天来说一说javascript里面的闭包吧!本篇博客主要讲一些实用的东西,主要将闭包的写法.用法和用途. 一.什么 ...
JavaScript 立即执行函数的两种写法
(function(str){console.log(str+'欢迎你~');})('行步至春深');(function(str) {console.log(str+'欢迎你~');}('行路易知难' ...
WindowsServer2012史记7-茴香豆的五种写法和四种”显示计算机”的方法
消失的"计算机"? [这周九叔工作比较忙,还有其他琐事缠身,因此SystemCenter2012SP1系列的发布稍慢,抱歉了各位.] 众所周知,WindowsServer2012和 ...
vue——props的两种常用方法
vue--props的两种常用方法 1.实现父-->子的通信举例如下: 父组件 parent.vue <children :channel="object1"> ...

props的几种写法

props的几种写法

1.数组形式（简写）

2.对象形式（带类型）

3.对象形式（带多种校验）

props的几种写法相关推荐

最新文章

热门文章