props自定义属性,$emit自定义事件,对吗?
props: {
col: {
type: String,
default: '#000'
}
}
1、col是自定义的属性名吗?然后调用的时候在引入的那个页面里的标签里写这个属性名并且传入属性值就行了?还是说col就是专门表示颜色的,不能用其他名字呢?
2、type和default是默认的两个表示传入值的类型和默认值的参数,还是随意取的名字呢?
3、怎么判断出来传入的内容就是颜色的呢,根据默认值的类型吗?
4、$emit是自定义事件类型吗?在相应的地方调用this.$emit(自定义事件类型),然后在要调用的地方直接写 @自定义的事件类型 ,就可以触发相应的事件了,对吗?
正在回答
同学你好,关于同学的疑问,解答如下:
1、col是自定义的名字,不过在子组件使用props接收父组件传递的数据时,要和父组件内的名字保持,如下:
demo10/index.vue:
countdown.vue文件:
2、type是参数的类型,default是默认值,这两个单词是固定的,不能更改。以视频中老师讲解的为例:
传递的参数的类型是字符串,默认值是黑色。
3、因为代码是我们自己写的,规定这里需要得到的是一个颜色值,所以我们在传递的时候就传递一个颜色。
4、可以这样理解。$emit()方法可以在子组件触发父组件的事件。例如:
在父组件中自定义了一个事件,如下:
子组件可以通过$emit()触发
如果我的回答帮到了你,欢迎采纳,祝学习愉快~
相似问题
登录后可查看更多问答,登录/注册
- 参与学习 人
- 提交作业 239 份
- 解答问题 10739 个
本阶段带你深入前端开发的肌理,通过ES6基础知识和前端主流高级框架的学习,助你快速构建企业级移动webAPP应用,进入职场的终极battle
了解课程
恭喜解决一个难题,获得1积分~
来为老师/同学的回答评分吧
0 星