当前位置:网站首页>抖音实战~评论数量同步更新
抖音实战~评论数量同步更新
2022-07-04 21:38:00 【gblfy】
一、快速入门
1. 子组件
<view @click='childBackHome'></view>
2. 父组件
父组件说明:
backHome :事件为子组件回调的方法,需要和子组件会调方法一致即可,可以自定义
back:自定义方法;需要在父组件的 methods: {}方法区中定义back方法,作为回调方法处理
<dev @backHome='back'></dev>
3. 子组件回调父页面
子组件
methods: {
childBackHome(){
this.$emit("backHome",e); //backHome父组件的方法,e要传递的参数
}
}
4. 父组件接收回调
父组件中,子组件回调的方法名
back(e){
console.log(e) //e是传过来的参数val
}
5. 组件调用流程
子组件也可以理解为公共组件,供其他父页面引入,达到公共页面或者逻辑抽取的效果
组件调用流程
- 1.父组件引入子组件
- 2.父组件传参子组件
- 3.子组件接收参数
- 4.执行处理
- 5.处理完成将结果回传父组件
- 6.父组件接收子组件回传结果
- 7.父组件继续执行以后的处理
二、抖音评论数量
2.1. 流程图
2.2. 流程简述
- 短视频页面点击评论图标
- 进入评论窗口
- 选择新增评论
- 回复评论
- 输入评论内容
- 提交评论内容
- 评论内容置顶
- 评论窗口评论数量更新
- 短视频页面评论数量更新
2.3. 流程图效果图鉴赏
边栏推荐
- Bookmark
- CloudCompare&Open3D DBSCAN聚类(非插件式)
- TCP shakes hands three times and waves four times. Do you really understand?
- Cadre WebGIS - kalrry
- vim 从嫌弃到依赖(23)——最后的闲扯
- Bookmark
- gtest从一无所知到熟练使用(3)什么是test suite和test case
- Delphi soap WebService server-side multiple soapdatamodules implement the same interface method, interface inheritance
- How much is the minimum stock account opening commission? Is it safe to open an account online
- VIM from dislike to dependence (23) -- the last gossip
猜你喜欢
How was MP3 born?
gtest从一无所知到熟练使用(3)什么是test suite和test case
Keep on fighting! The city chain technology digital summit was grandly held in Chongqing
[advanced C language] array & pointer & array written test questions
How is the entered query SQL statement executed?
Analyzing the maker space contained in steam Education
赋能数字经济 福昕软件出席金砖国家可持续发展高层论坛
一文掌握数仓中auto analyze的使用
QT - double buffer plot
湘江鲲鹏加入昇腾万里伙伴计划,与华为续写合作新篇章
随机推荐
HUAWEI nova 10系列发布 华为应用市场筑牢应用安全防火墙
可视化任务编排&拖拉拽 | Scaleph 基于 Apache SeaTunnel的数据集成
Shutter textfield example
How to use concurrentlinkedqueue as a cache queue
更强的 JsonPath 兼容性及性能测试之2022版(Snack3,Fastjson2,jayway.jsonpath)
gtest从一无所知到熟练使用(3)什么是test suite和test case
HDU - 2859 Phalanx(DP)
283. 移动零-c与语言辅助数组法
gtest从一无所知到熟练使用(4)如何用gtest写单元测试
gtest从一无所知到熟练使用(2)什么是测试夹具/装置(test fixture)
旋变串判断
2022 version of stronger jsonpath compatibility and performance test (snack3, fastjson2, jayway.jsonpath)
智洋创新与华为签署合作协议,共同推进昇腾AI产业持续发展
Application practice | Shuhai supply chain construction of data center based on Apache Doris
GTEST from ignorance to proficiency (3) what are test suite and test case
解决异步接口慢导致的数据错乱问题
Telephone encryption, middle 4 is replaced by * * * *
ACM Multimedia 2022 | 视觉语言预训练模型中社会偏见的反事实衡量和消除
Spatiotemporal prediction 3-graph transformer
超详细教程,一文入门Istio架构原理及实战应用