<cpn ref="aa"></cpn> //vue获取组件距离顶部距离 console.log('距离顶部高度', this.$refs.aa.$el.offsetTop) //uniapp 在h5页面可以使用vue的获取高度 但是在小程序端需要使用下面方法 同时适合于h5页面 const que ...
分类:
移动开发 时间:
2021-06-10 18:51:53
阅读次数:
0
一、概述 将一个页面拆分成一个个小的功能块,每个功能块完成属于自己这部分独立的功能,从而简化整个页面的管理和维护,提高项目的扩展性,这样的流程称作组件化 二、基础篇 1.基本使用 <body> <div id="app"> <!--step3.使用组件--> <my-cpn></my-cpn> </ ...
分类:
其他好文 时间:
2021-03-10 13:25:17
阅读次数:
0
<body> <div id="app"> <!-- 2.监听子组件发射的事件 然后再父组件处理事件 --> <cpn @itemclick="cpnClick"></cpn> </div> <template id="cpn"> <div> <button v-for="item in categ ...
分类:
其他好文 时间:
2021-01-02 11:26:02
阅读次数:
0
<body> <!-- 父组件模板 --> <div id="app"> <!-- 如果属性名有 大写 要换小写 并用 - 隔开 如下 --> <cpn :cinfo="info" :child-my-message="message"></cpn> </div> <!-- 子组件模板 --> <t ...
分类:
其他好文 时间:
2021-01-02 11:23:47
阅读次数:
0
<body> <div id="app"> <cpn></cpn> <cpn> <template v-slot="slot"> <span> {{ slot.data.join("-") }} </span> <!-- 拿到slot插槽里面的data 也就是pLanguages数组 把这个数组用分 ...
分类:
其他好文 时间:
2021-01-02 11:06:25
阅读次数:
0
<body> <div id="app"> <!-- 3.使用组件 --> <my-cpn></my-cpn> </div> <script src='https://cdn.jsdelivr.net/npm/vue@2.6.12/dist/vue.js'></script> <script> // ...
分类:
其他好文 时间:
2021-01-02 11:06:08
阅读次数:
0
人体姿态估计是MSCOCO数据集(http://cocodataset.org/)上面的一项比赛,人体关键点检测,目前主流的做法都是深度学习来做。 可以分为两个大的方向: (1)top-down方向:自顶向下的方法 目前的主流,像cpn,hourglass,cpm,alpha pose等都是top- ...
分类:
其他好文 时间:
2020-07-08 15:01:55
阅读次数:
110
举一个计算器的小例子: <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> </head> <body> <!--父组件模板--> <div id="app"> <child-cpn @incr ...
分类:
其他好文 时间:
2020-06-16 23:14:22
阅读次数:
173
父组件向子组件传递数据 定义父子组件的模板 <!--父组件模板--> <div id="app"> <!--把父组件的msg和str,传给组件cmsg和cstr--> <cpn :cmsg="msg" :cstr="str"></cpn> </div> <!--子组件模板--> <template ...
分类:
其他好文 时间:
2020-06-07 19:32:47
阅读次数:
65
组件是可复用的 Vue 实例,我们只需要调用就可以了。 创建组件 方法一:通过extend创建组件(不推荐) <div id="app"> <h2>全局组件</h2> <my-cpn></my-cpn> <h2>局部组件</h2> <cpnc></cpnc> </div> // 1.创建组件构造器对 ...
分类:
其他好文 时间:
2020-06-01 00:39:06
阅读次数:
89