黑马程序员微信小程序学习总结7.工具脚本、自定义组件、数据隔离、data和properties的区别

已于 2024-02-16 22:48:43 修改
阅读量368 收藏 5
点赞数 5
分类专栏： 微信小程序 文章标签： 微信小程序 学习 小程序
于 2024-02-14 17:22:49 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_49936845/article/details/136099924
版权

目录

工具脚本（utils中的wxs）

用法很简单，看例子就行
在这里插入图片描述
在这里插入图片描述

自定义组件

在这里插入图片描述

新建test文件夹下的内容时。右键test文件夹，点击新建component输入test回车，可以自动建好四个文件
在这里插入图片描述

如果建立完报错，清除缓存可以解决

组件的引用方式

在这里插入图片描述

局部引用

在这里插入图片描述
例如：
在这里插入图片描述
在这里插入图片描述

全局引用

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

组件和页面的区别

在这里插入图片描述

组件样式隔离

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

data数据

在组件js中的data中定义即可
在这里插入图片描述

组件method事件处理函数

组件js的method中我们把函数分为事件处理函数和自定义方法：
事件处理函数是前端页面调用函数，自定义方法就是一个工具

在这里插入图片描述

自定义组件添加属性

在这里插入图片描述
js其他地方调用max属性时，可以使用：
在这里插入图片描述

data和properties的区别

在这里插入图片描述

使用setData修改properties的值

在这里插入图片描述

I Am Rex
关注
  • 5
    点赞
  • 踩
  • 5
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
微信小程序（四）--- 自定义组件详解（properties，数据监听器，纯数据字段，插槽，父子间通信，behaviors）
qq_61768389的博客
11-05 9925
properties修改，数据监听器，纯数据字段，插槽，父子间通信，behaviors，组件的创建引用，组件样式隔离
微信小程序如何获取自定义组件中properties的属性并修改，以及父组件和子组件相互传值
热门推荐
weixin_42125732的博客
03-31 3万+
原因：因为自己想了解组件中properties里面的值如何获取到而记录这篇文章 一、自创自定义组件，在json文件夹写上“component”：true 二、父组件的操作步骤 2.1.在json文件夹加上使用组件 2.2 在js文件中写好要传的数组数据 2.3 在wxml页面进行父组件传子组件的值，用属性传值 三、字组件在自己的JS中properties接收父组件传过来的值，定义好type属性和value为[]，即为默认值（父组件传过来的值） 四、用observers监听properties的属性
微信小程序开发系列（三十五）·自定义组件的属性properties
最新发布
时光の尘的博客
06-17 1397
为了调动复选框在左边还是在右边显示，可以根据类名.left和.right来分别设置不同的 flex 方向。使用 display: flex;可以使复选框和文本在同一行展示，使用 align-self: center;可以在垂直方向居中。Properties是指组件的对外属性，主要用来接收组件使用者传递给组件内部的数据，和data一同用于组件的模板渲染。可以看到Properties所在的位置，由于这个组件实在首页使用的，因此我们需要找到首页位置。
微信小程序---自定义组件
cozy666的博客
12-14 2144
组件实例刚被创建好的时候，created生命周期函数会被触发此时还不能调用setData，只应该用于给组件的this添加一些自定义的属性字段 个人觉得类似于vue中的beforeCreated组件完全初始化完毕，进入页面节点树后，attached生命周期函数会被触发此时this.data已经被初始化完毕，这个生命周期很有用，绝大多数初始化工作可以在这个时机进行（例如发送请求获取初始化数据） 个人觉得类似于vue中的created在组件离开页面节点树后， detached 生命周期函数会被触发。
【微信小程序】自定义组件（二）
weixin_62542181的博客
09-11 9455
本文主要讲述了微信小程序中自定义组件的进阶知识，包括自定义组件数据和方法的使用，纯数据字段，生命周期等等
微信小程序：properties属性
m0_61973028的博客
04-25 1451
propertiess属性是组件对外的属性，用来接受外界传递到数组中的数据。
VUE 组件转换为微信小程序组件的方法
10-16
总结，将Vue组件转换为微信小程序组件是一个涉及语法解析、转换和重构的过程，主要通过AST进行代码结构的分析和操作。理解并熟练运用AST是这一转换过程的关键，同时，需要对Vue和微信小程序的特性有深入理解，以便在...
基于微信小程序的校园商铺系统.zip
03-24
【标题】: "基于微信小程序的校园商铺系统" 这个项目是一个综合性的开发实践，主要目标是构建一个在微信小程序平台上运行的校园商铺系统。微信小程序因其轻量级、无需安装的特点，非常适合为学生提供便捷的校园服务...
摄影竞赛微信小程序.zip
03-22
【标题】"摄影竞赛微信小程序.zip"所涉及的知识点主要集中在微信小程序的开发以及后端服务的构建上，其中核心的技术栈包括微信小程序框架、Java SpringBoot 和 SSM（Spring、SpringMVC、MyBatis）框架。下面将对这些...
疫情核酸预约微信小程序.zip
03-23
【标题】“疫情核酸预约微信小程序.zip”是一个包含微信小程序源代码的压缩包，用于实现新冠疫情下的核酸检测预约功能。此程序可能集成了线上预约、信息填写、预约查询、结果查看等核心服务，旨在方便用户在疫情期间...
基于微信小程序的游泳馆管理系统.zip
03-22
- 微信小程序开发基础：了解微信开发者工具的使用，学习WXML、WXSS和JavaScript的基本语法。 - Java和SpringBoot：理解面向对象编程，熟悉SpringBoot的自动配置、依赖注入等特性。 - SSM框架：掌握Spring、SpringMVC...
微信小程序day10
qq_52966774的博客
10-08 1533
微信小程序day10
微信小程序 - 解决 setData() 无法修改 properties 数据的问题，修改子组件 properties 传递过来的数据（父级页面传入子组件的数据无法更新修改的问题，简洁快速解决方案！）
王佳斌
06-20 4256
微信小程序如何修改组件properties数据，微信小程序如何在组件的properties中处理属性值，微信小程序怎么修改自定义组件properties里的数据，微信小程序父组件传给子组件的值,子组件不能直接修改，微信小程序传递给子组件properties的值怎么修改，微信小程序怎么监听传递给子组件的properties数据，微信小程序如何才能改变properties props 传过来的值，微信小程序properties的数据怎么编辑，小程序如何获取自定义组件中properties的属性并修改，小程序如何
微信小程序自定义组件data,properties,methods节点的介绍
qq_44821064的博客
06-15 806
微信 小程序中的.js文件中的节点介绍。
【微信小程序】基础篇 -- 自定义组件 -- 数据、方法和属性（三十三）
JMFive的博客
03-10 4514
大家好，又见面了，我是夜阑的狗🐶，本文是专栏【微信小程序开发教程】专栏的第33篇文章;今天开始学习微信小程序的第17天💖💖💖，开启新的征程，记录最美好的时刻🎉，每天进步一点点。【微信小程序开发教程】， 此专栏是我是夜阑的狗微信小程序开发过程的总结，希望能够加深自己的印象，以及帮助到其他的小伙伴😉😉。如果文章有什么需要改进的地方还请大佬不吝赐教👏👏。
微信小程序
ZiminLi的博客
06-25 1202
微信小程序
【微信小程序】组件中properties与data的异同
川川的博客
02-20 7840
总结组件中porperties与data的相同点与不同点以及需要注意的地方
【微信小程序篇学习笔记（非零基础）】03-微信小程序自定义组件Properties（四）
Pleasure258的博客
02-10 415
微信小程序自定义组件的properties
微信小程序入门：app.json详解与视图结构
在微信小程序的学习过程中，《一》章节主要探讨了目录文件的结构和视图渲染的基本概念。首先，我们从根目录的app.json文件开始，这是小程序的配置中心，"pages"数组定义了小程序的所有页面及其路径，每个页面由js...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

I Am Rex

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值