vue知识点14
2024-09-07 23:44:43
1. 父组件给子组件传值
1)<组件 属性="传改子组件的值"></组件>
v-bind:属性="识别数据类型和变量" 不用v-bind 传递的都是字符串
2) 子组件通过props选项 props:["属性"]
props:{
属性:类型
}
props:{
属性:{
type:类型,
required:true 必须传递这个属性
default:值 设置默认值
validator(值){
return 布尔表达式
}
}
}
3) 父组件传给子组件的值不能更改,单向数据流
可以把这个值赋值给子组件data里的变量,可以更改子组件里data里的那个变量
1. props
props:["属性名",....]
2. prop 验证
props:{
属性:{
type:类型,
required:true,
default:默认值,
validator(){
return xxxx;
}
}
}
3. 父传子组件的值不能改,因为数据流是单向的
4. 子组件向父组件传值
1) 父组件先监听自定义事件 v-on:自定义事件
2) 子组件发送数据 this.$emit("事件的名字",“数据“)
3) 父组件通过执行事件处理函数,通过事件对象拿到子组件传过来的值
5. 组件整个生命周期了能被自动调用的函数,就是生命周期的钩子函数
created 在实例创建完成后被立即调用 可以获取数据
6. 兄弟组件的传值 通过公共的父组件进行传值
最新文章
- jpg/png格式图片转eps格式的方法总结
- JSP目录
- Sqlserver_自定义函数操作
- RabbitMQ (二)工作队列 -摘自网络
- Javascript之简单按钮搜索功能
- (4/18)重学Standford_iOS7开发_框架和带属性字符串_课程笔记
- tomcat7或8如何修改浏览器标题上的ICON小图标
- [转]linux权限补充:rwt rwT rws rwS 特殊权限
- spring mvc rest 方式
- 伪列:Oracle显示查询结果前几条记录用rownum<;=。去掉重复记录,保留最早录入记录:取出最小ROWID
- JAVA微信支付~
- C++与C语言在结构体上的区别
- Sql之left join(左关联)、right join(右关联)、inner join(自关联)的区别
- Spring 学习——Spring框架结构、概念
- win7 64位debug解决方法
- (转载)我的java问题排查工具单
- ES6 学习1
- FairyGUI和NGUI对比
- 不信任的 .exe 怎么办,用 Windows 沙盒啊!
- 内功心法 -- java.util.LinkedList<;E>; (2)
热门文章
- java注解(1)
- redis 的基本使用
- 论文阅读笔记: Multi-Perspective Sentence Similarity Modeling with Convolution Neural Networks
- 我要吹爆这份阿里中间件技术内部的RM笔记,简直佩服到五体投地
- 简述application.properties和application.yml 以及 @ConfigurationProperties 和@PropertySource @Value 和@ImportResource的用法,区别
- linux 基础语法
- log4net 纯代码配置
- makefile实验二 对目标的深入理解 以及rebuild build clean的实现
- matlab中figure创建图窗窗口
- Arduino 模拟引脚