首页 > 其他分享 >vue——props配置项

vue——props配置项

时间:2022-08-27 16:56:01浏览次数:41  
标签:vue 配置 修改 数组 props 组件 data

1.props的功能:让组件接受外部传过来的数据

2.传递数据:外部组件

3.接受方式:

1.简单声明接受:

 

2.限制类接收:

3.接收的同时对数据进行限制类、限制必要性、指定默认值:

 备注:props是只读的,Vue底层会监测你对props的修改,如果进行了修改,就会发出警告,若业务需求确实需要修改,那么请复制props的内容到data中一份,然后去修改data中的数据

注意在 JavaScript 中对象和数组是通过引用传入的,所以对于一个数组或对象类型的 prop 来说,在子组件中改变变更这个对象或数组本身将会影响到父组件的状态。

 

 

 

标签:vue,配置,修改,数组,props,组件,data
From: https://www.cnblogs.com/MDRY/p/16630891.html

相关文章

  • nginx 配置说明
    Nginx配置文件的整体结构全局块该部分配置主要影响Nginx全局,通常包括下面几个部分:配置运行Nginx服务器用户(组)workerprocess数Nginx进程PID存放路径错误日志的存放......
  • NetCore 入门 (四) : 配置数据源
    1.介绍一般来说,定义一种配置源,需要经过如下三个步骤:[必须]实现IConfigurationSource接口[必须]实现IConfigurationProvider接口[可选]在IConfigurationBuilder接......
  • NetCore 入门 (三) : 配置系统
    1.QuickStart配置系统(Configuration)具有如下特点:提供统一的方式读取配置数据支持多样化的数据源支持配置数据的热更新1.1Nuget包Microsoft.Extensions.Configu......
  • TP5框架 之连接其他数据库配置
    一、代码/***@throws\think\Exception*/protectedfunctiongetDb(){if(!$this->my_db){$this->my_db=Db::connect(config('db2'));}}co......
  • vue路由跳转的的几种方式
    通常情况下如果只是已经写好功能的页面且通常不需要再发送请求拿数据就可以直接使用这个不带参数<router-link:to="{name:'home'}"><router-link:to="{path:'/home'......
  • swagger3 配置
    在pom.xml添加swagger3.0的依赖:<dependency><groupId>io.springfox</groupId><artifactId>springfox-boot-starter</artifactId><version>3.0.0......
  • Vue.prototype、Vue.component和Vue.use的区别
    1、Vue.prototype在很多组件里用到数据/实用工具,但是不想污染全局作用域。这种情况下,可以通过在原型上定义它们使其在每个Vue的实例中可用。$是在Vue所有实例中都可......
  • vue组件中的data为什么是一个函数?
    为什么data为什么是一个函数而不是一个对象?原因是因为如果data是一个对象的话,两个组件中设置的data都会引用同一个内存地址,而用函数的话,则会在每次引用的时候返回一个新的......
  • 阿波罗配置中心部署
    安装mysql可以使用dockerdockerpullmysql:latestdockerrun-itd--namemysql-test-p3306:3306-eMYSQL_ROOT_PASSWORD=123456mysql//进入容器dockerexec......
  • 单机版zookeeper的安装与配置
    准备工作,安装JDK:https://www.cnblogs.com/javasl/p/11154205.html1、解压文件到指定目录tar-zxfzookeeper-3.4.6.tar.gz-C/usr/local/myroom2、配置环境变量,将下......