【Vue】props默认值类型有哪些

系统管理员 2024-03-17 15:46 14阅读 0赞

**目录**

字符串类型

数字类型

布尔类型

对象类型

数组类型

函数类型

--------------------

> 在Vue中，props的默认值类型可以是字符串、数字、布尔、对象、数组或函数。以下是每个类型的示例：

#### 字符串类型 ####

props: {
      title: {
        type: String,
        default: 'Hello'
      }
    }

#### 数字类型 ####

props: {
      count: {
        type: Number,
        default: 0
      }
    }

#### 布尔类型 ####

props: {
      isActive: {
        type: Boolean,
        default: false
      }
    }

#### 对象类型 ####

props: {
      user: {
        type: Object,
        default: function() {
          return { name: 'John', age: 20 }
        }
      }
    }
    
    //简写
    
    props: {
      user: {
        type: Object,
        default: () =>  { name: 'John', age: 20 },
      }
    }

#### 数组类型 ####

props: {
      colors: {
        type: Array,
        default: function() {
          return ['red', 'blue', 'yellow']
        }
      }
    }
    
    //简写 
    
    props: {
      colors: {
        type: Array,
        default:  () => ['red', 'blue', 'yellow'],
      }
    }
    
    //默认值值不要直接加[],  记得前面加上  () =>

#### 函数类型 ####

props: {
      fetchData: {
        type: Function,
        default: function() {
          return axios.get('/api/data')
        }
      }
    }

请注意，上述示例中的default属性定义了props的默认值。

**有用请点赞，养成良好习惯！**

**鼓励、交流、疑问请留言！**

发表评论取消回复

表情：

评论列表（有 0 条评论，14人围观）

还没有评论，来说两句吧...

相关阅读

相关【Vue】props默认值类型有哪些

目录字符串类型数字类型布尔类型对象类型数组类型函数类型 -------------------- > 在Vue中，props的默认值类型可以是字符串

系统管理员/ 2024年03月17日 15:46/ 0 赞/ 15 阅读

相关 MyBatis中默认的类型处理器有哪些

都在`TypeHandlerRegistry`这个类中： / The constructor that pass the MyBatis config

雨点打透心脏的1/2处/ 2023年10月07日 22:52/ 0 赞/ 10 阅读

相关 Boolean类型有无默认值

答案：有默认类型，是false。但是应该声明为成员变量或是静态变量，如果在方法体中（如main）不会自动赋值，如果使用会提示为初始化。 public cl

亦凉/ 2022年11月28日 10:35/ 0 赞/ 185 阅读

相关网站类型有哪些？

网站类型有哪些？一、资讯门户类网站本类网站以提供信息资讯为主要目的，是目前最普遍的网站形式之一。这类网站虽然涵盖的工作类型多，信息量大，访问群体广，但所包含的功

Dear 丶/ 2022年08月13日 08:29/ 0 赞/ 520 阅读

相关 js中typeof的返回值类型有哪些

typeof的返回值共有七种： number, boolean, string, undefined, object, function,symbol. 1. num

迈不过友情╰/ 2022年06月08日 00:38/ 0 赞/ 393 阅读

相关 java中基本类型会有默认值

java中基本类型会有默认值，例如某个类中存在private int age;创建这个类时，age会有默认值0。当使用age属性时，它总会有值。所以需要特别注意的是，在判断ag

「爱情、让人受尽委屈。」/ 2022年05月21日 04:35/ 0 赞/ 169 阅读

相关 C#中引用类型和值类型分别有哪些

C\的值类型包括：结构体（数值类型，bool型，用户定义的结构体），枚举，可空类型。 C\的引用类型包括：数组，用户定义的类、接口、委托，object，字符串。

灰太狼/ 2022年05月10日 07:28/ 0 赞/ 162 阅读

相关 C#中引用类型和值类型分别有哪些

C\的值类型包括：结构体（数值类型，bool型，用户定义的结构体），枚举，可空类型。 C\的引用类型包括：数组，用户定义的类、接口、委托，object，字符串。

墨蓝/ 2022年05月10日 01:58/ 0 赞/ 144 阅读

相关 SQLServer中默认表有哪些

`SQL Server`安装4个系统数据库。它们分别是`master`数据库、`model`数据库、`tempdb`数据库和`msdb`数据库。这些数据库是`SQL Serve

左手的ㄟ右手/ 2021年06月26日 16:06/ 0 赞/ 436 阅读

相关 Redis 有哪些类型

在 Redis 中有五种数据类型 String：字符串 Hash：字典 List：列表 Set：集合 Sorted Set：有序集合

小灰灰/ 2020年05月01日 19:47/ 0 赞/ 1055 阅读