读掘金小册组件精讲总结1

1.组件分类

（1）由 vue-router 产生的每个页面，它本质上也是一个组件（.vue），主要承载当前页面的 HTML 结构，会包含数据获取、数据整理、数据可视化等常规业务。整个文件相对较大，但一般不会有 props 选项和 自定义事件，因为它作为路由的渲染，不会被复用，因此也不会对外提供接口。

（2）不包含业务，独立、具体功能的基础组件，比如日期选择器、登录注册弹窗、toast等。这类组件作为项目的基础控件，会被大量使用，因此组件的 API 进行过高强度的抽象，可以通过不同配置实现不同的功能。

（3）介于第一类第二类之间的业务组件，是只会在当前项目中用到的。

2.组件的三个api：prop，event，slot

props 最好用对象的写法，这样可以针对每个属性设置类型、默认值或自定义校验属性的值。

自定义事件event

<template><button @click="handleClick"><slot></slot></button>
</template>
<script>export default {methods: {handleClick (event) {this.$emit('on-click', event);}}}
</script><i-button @on-click="handleClick"></i-button>

这里还有另一种方法，直接在父级声明，但为了区分原生事件和自定义事件，要用到事件修饰符 .native，所以上面的示例也可以这样写：

<i-button @click.native="handleClick"></i-button>

如果不写 .native 修饰符，那上面的 @click 就是自定义事件 click，而非原生事件 click，但我们在组件内只触发了 on-click 事件，而不是 click，所以直接写 @click 会监听不到。

插槽 slot，知道具名slot就行了。

转载于:https://www.cnblogs.com/gggwf/p/10218553.html

读掘金小册组件精讲总结1相关推荐

python文件下载器代码_GitHub - applechi/pythonCollection: python代码集合（文件下载器、pdf合并、极客时间专栏下载、掘金小册下载、新浪微博爬虫等）...
json2mysql 这次更新了将一个json文件中的数据导入到mysql的脚本. 是用nodejs写的. 对应的文件是tomysql.js 有兴趣的同志可以研究下. pythonCollection ...
3-7 慕课和掘金小册的学习
慕课和掘金小册的学习 1.前端安全系列(一):如何防止XSS攻击? 从上次事件之后,小明会小心的把插入到页面中的数据进行转义.而且他还发现了大部分模板都带有的转义配置,让所有插入到页面中的数据都默认进 ...
掘金小册Jenkins大纲准备
大纲 Jenkins 简介 Jenkins Docker镜像制作 Jenkins 容器创建 Jenkins 全局邮箱配置 Jenkins 全局仓储配置 Jenkins 动态参数配置 Jenkins 配 ...
【赠书福利】掘金爆火小册同名《Spring Boot源码解读与原理剖析》正式出书了！...
关注我们丨文末赠书承载着作者的厚望,掘金爆火小册同名读物<Spring Boot源码解读与原理剖析>正式出书! 本书前身是掘金社区销量TOP的小册--<Spring Boot源码解 ...
小册上新 | 如何使用掘金社区
小册链接地址:juejin.im/book/5c9064- 这是一本掘金社区的各个功能的官方指南,帮助你玩转掘金,成为一名优秀的开发者. 作者介绍我叫阴明,社区里大家可以叫我站长.2015年下半年的 ...
小册上新｜张鑫旭：技术写作的“收益”超乎想象
技术从业人员普遍比较务实,也就是用心做好分配给自己的任务,努力担负起自己应尽的责任,因为大家都相信,付出必有回报,金字总会闪光. 在职业生涯的初期,我们的成长与收益确实遵循这样的规律,可到了一定阶段后 ...
扔物线Git小册笔记
这篇博客是从扔物线大神的Git掘金小册上小结下来的,想了解更多内容请去掘金购买版本控制系统的核心版本控制/主动提交/中央仓库分布式版本控制系统和中央式的区别中央式的版本控制系统:保存版本信息/ ...
netty学习笔记（四）观闪电侠小册netty总结
大家好,我叫大鸡腿,大家可以关注下我,会持续更新技术文章还有人生感悟,感谢~ 文章目录前言 1.Nio概念 2.boostrap 3.客户端连接失败重试 4.ButeBuf 5.ChannelPip ...
我和掘金合作的源码共读小册报名快1000人了~
众所周知,我和掘金合作出了源码共读第一期.我是前端领读员.现在报名快1000人了~奖品丰厚. 也有一些小伙伴已经写了好几期笔记了~但相对1000人写的还是太少. 什么?你不知道?那也很正常,毕竟我的公 ...
视频教程-2020最新微信小程序基础+实战精讲视频-微信开发
2020最新微信小程序基础+实战精讲视频负责过多个软件项目的研发.设计和管理工作,拥有项目管理师认证.项目监理师中级认证.出版过的图书有<微信小程序开发图解案例教程><Axure ...

读掘金小册组件精讲总结1

读掘金小册组件精讲总结1相关推荐

最新文章

热门文章