vant-weapp源码解析（一）

最新推荐文章于 2024-05-17 21:50:29 发布

彧子吱吱吱吱

最新推荐文章于 2024-05-17 21:50:29 发布

阅读量506

点赞数 1

文章标签： javascript 前端 vue.js

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文链接：https://blog.csdn.net/qq_36083613/article/details/131292446

版权

想每天做点新东西，因此有此记录

在这里插入图片描述

这是进入的第一个页面，里面有引入list，page。

config.js:这是路径配置文件

在这里插入图片描述

page.js，外层配置文件

options,就算引入这个page.js页面所传递的数据

在这里插入图片描述

点击进入导航，看第一个按钮组件

button

这是button组件的代码路径

在这里插入图片描述

这是按钮组件外层的框组件，不是一个具体的组件，是一个包含组件，起着统一边距，标题的作用。

在这里插入图片描述

这个是一个组件外层引入的js,componet统一配置js
mapKeys的方法是变换属性名称

在这里插入图片描述

这是button的页面结构，其中我框出来的这2个，可以动态设置元素的样式

在这里插入图片描述

这个join方法是用来拼接类名的

在这里插入图片描述

这个方法是用来处理传过来的数据,转化得到数组

在这里插入图片描述

这个方法是个入口和出口，得到了，拼接后的类名

在这里插入图片描述

在这里插入图片描述

style动态样式

  style="{{ computed.rootStyle({ plain, color, customStyle }) }}"

这个页面来处理元素的style

在这里插入图片描述

这个style方法是用来转换样式的格式问题

在这里插入图片描述

彧子吱吱吱吱

关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
1
评论
vant-weapp源码解析（一）

想每天做点新东西，因此有此记录这是进入的第一个页面，里面有引入list，page。
复制链接

扫一扫

评论 1

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。