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

目录

  • 工具脚本（utils中的wxs）
  • 自定义组件
  • 组件的引用方式
    • 局部引用
    • 全局引用
    • 组件和页面的区别
    • 组件样式隔离
      • data数据
      • 组件method事件处理函数
      • 自定义组件添加属性
  • data和properties的区别
  • 使用setData修改properties的值

工具脚本（utils中的wxs）

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

自定义组件

在这里插入图片描述

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

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

组件的引用方式

在这里插入图片描述

局部引用

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

全局引用

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

组件和页面的区别

在这里插入图片描述

组件样式隔离

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

data数据

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

组件method事件处理函数

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

在这里插入图片描述

自定义组件添加属性

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

data和properties的区别

在这里插入图片描述

使用setData修改properties的值

在这里插入图片描述

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：/a/387160.html

如若内容造成侵权/违法违规/事实不符，请联系我们进行投诉反馈qq邮箱809451989@qq.com，一经查实，立即删除！

相关文章

[缓存] - 1.缓存共性问题

[缓存] - 1.缓存共性问题

1. 缓存的作用 为什么需要缓存呢？缓存主要解决两个问题，一个是提高应用程序的性能，降低请求响应的延时；一个是提高应用程序的并发性。 1.1 高并发 一般来说， 如果 10Wqps，或者20Wqps ，可使用分布…
阅读更多...
Linux命令行全景指南：从入门到实践，掌握命令行的力量

Linux命令行全景指南：从入门到实践，掌握命令行的力量

目录 知识梳理思维导图： linux命令入门 为什么要学Linux命令 什么是终端 什么是命令 关于Linux命令的语法 tab键补全 关于命令提示符 特殊目录 常见重要目录 /opt /home /root /etc /var/log/ man命令 shutdown命令 history命令 which命令 bash…
阅读更多...
【Python网络编程之Ping命令的实现】

【Python网络编程之Ping命令的实现】

🚀 作者 ：“码上有前” 🚀 文章简介 ：Python开发技术 🚀 欢迎小伙伴们 点赞👍、收藏⭐、留言💬 Python网络编程之Ping命令的实现 代码见资源，效果图如下一、实验要求二、协议原理2…
阅读更多...
P1990 覆盖墙壁题解

P1990 覆盖墙壁题解

题目 有一个长为N宽为2的墙壁，给你两种砖头：一个长2宽1，另一个是L型覆盖3个单元的砖头。如下图： 0 0 0 00砖头可以旋转，两种砖头可以无限制提供。你的任务是计算用这两种来覆盖N2的墙壁的覆盖方法。例如一个23的墙…
阅读更多...
petalinux2018.3安装步骤

petalinux2018.3安装步骤

1、虚拟机安装ubuntu-16.04.7-desktop-amd64.iso （注意：安装ubuntu-18.04.6-desktop-amd64.iso和ubuntu-16.04.6-desktop-i386.iso会报以下错误） environment: line 314: ((: 10 #15~1 > 10 #3: syntax error in expression (error toke…
阅读更多...
幻兽帕鲁Palworld服务器设置参数（汉化）

幻兽帕鲁Palworld服务器设置参数（汉化）

创建幻兽帕鲁服务器配置参数说明，Palworld服务器配置参数与解释，阿腾云atengyun.com分享： 自建幻兽帕鲁服务器教程： 阿里云教程 https://t.aliyun.com/U/bLynLC腾讯云教程 https://curl.qcloud.com/oRMoSucP 幻兽帕鲁服务器 幻…
阅读更多...
Mysql中关于on,in,as,where的区别

Mysql中关于on,in,as,where的区别

目录 Mysql on,in,as,where的区别 Mysql语句问题解决 1、left join数据筛选问题 2、相同数据重复筛选使用问题 3、根据某个字段排序取每个类别最后三条数据或前三条数据 4、业务逻辑书写位置问题 5、查找另一表内和本表相关字段的数量 6、关于union的使用 7、limit的巧…
阅读更多...
2019年通信工程师初级 实务 真题

2019年通信工程师初级 实务 真题

文章目录 一、第9章 通信动力与环境通信电源系统的主要功能：“供”、“配”、“储”、“发”、“变” 二、第2章 传输网三、第3章 接入网四、第4章 互联网 一、第9章 通信动力与环境 【问题一】 网络通信设备对动力与环境的质量要求可以归纳为 （1&#…
阅读更多...
剑指offer——二进制中1的个数

剑指offer——二进制中1的个数

目录 1. 题目描述2. 可能引起死循环的想法3. 改进后的代码4. 给面试官惊喜的代码 1. 题目描述 请实现一个函数，输入一个整数，输出该数二进制表示中1的个数。例如把9表示成二进制位1001，有2位是1，因此如果输入9，该函数输…
阅读更多...
今天：旧时是这样“破五迎福”

今天：旧时是这样“破五迎福”

昨（正月初四）天，笔者——“ 人民体验官 ”， 为了推广人民日报官方微博文化产品所发表在10余个网站自媒体平台上的文章《今天：大年初四迎灶神爷》，不知何故被笔者寄居养老城市的自媒体论坛反复拒之门外&…
阅读更多...
猫头虎分享已解决Bug || ImportError: cannot import name ‘relu‘ from ‘keras.layers‘

猫头虎分享已解决Bug || ImportError: cannot import name ‘relu‘ from ‘keras.layers‘

博主猫头虎的技术世界 🌟 欢迎来到猫头虎的博客 — 探索技术的无限可能！ 专栏链接： 🔗 精选专栏： 《面试题大全》 — 面试准备的宝典！《IDEA开发秘籍》 — 提升你的IDEA技能！《100天精通鸿蒙》 …
阅读更多...
MATLAB知识点：fibonacci函数（★☆☆☆☆）返回斐波那契数列

MATLAB知识点：fibonacci函数（★☆☆☆☆）返回斐波那契数列

​讲解视频：可以在bilibili搜索《MATLAB教程新手入门篇——数学建模清风主讲》。​ MATLAB教程新手入门篇（数学建模清风主讲，适合零基础同学观看）_哔哩哔哩_bilibili 节选自第3章：课后习题讲解中拓展的函数 在讲解第…
阅读更多...
【刷题记录】——2024寒假day9编程题

【刷题记录】——2024寒假day9编程题

本系列博客为个人刷题思路分享&#xff0c;有需要借鉴即可。 1.目录大纲&#xff1a; 2.题目链接&#xff1a; T1:LINK T2:LINK 3.详解思路&#xff1a; T1: 思路&#xff1a; /*** Note: The returned array must be malloced, assume caller calls free().*/#include<…
阅读更多...
数据卷的常见命令，如何创建Nginx容器，修改nginx容器内的html目录下的index.html文件

数据卷的常见命令，如何创建Nginx容器，修改nginx容器内的html目录下的index.html文件

数据卷 什么是数据卷 数据卷&#xff08;volume&#xff09;是一个虚拟目录&#xff0c;是容器内目录与宿主机**目录**之间映射的桥梁。 以Nginx为例&#xff0c;我们知道Nginx中有两个关键的目录&#xff1a; html&#xff1a;放置一些静态资源 conf&#xff1a;放置配置文…
阅读更多...
MySQL数据库⑩_视图+MySQL用户管理（增删查改）

MySQL数据库⑩_视图+MySQL用户管理（增删查改）

目录 1. 视图的概念和规则限制 2. 视图的基本使用 2.1 创建视图 2.2 修改视图影响基表 2.3 修改基表影响视图 2.4 删除视图 3. MySQL用户管理 3.1 用户信息 3.2 创建用户 3.3 修改用户密码 3.4 删除用户 4. 用户权限 4.1 MySQL权限 4.2 给用户授权 4.3 回收权限…
阅读更多...
FastAI 之书（面向程序员的 FastAI）（八）

FastAI 之书（面向程序员的 FastAI）（八）

原文&#xff1a;www.bookstack.cn/read/th-fastai-book 译者&#xff1a;飞龙 协议&#xff1a;CC BY-NC-SA 4.0 第二十章&#xff1a;总结思考 原文&#xff1a;www.bookstack.cn/read/th-fastai-book/cedc7ab42349d210.md 译者&#xff1a;飞龙 协议&#xff1a;CC BY-NC-SA…
阅读更多...
单片机学习笔记---DS18B20温度读取

单片机学习笔记---DS18B20温度读取

目录 OneWire.c 模拟初始化的时序 模拟发送一位的时序 模拟接收一位的时序 模拟发送一个字节的时序 模拟接收一个字节的时序 OneWire.h DS18B20.c DS18B20数据帧 模拟温度变换的数据帧 模拟温度读取的数据帧 DS18B20.h main.c 上一篇讲了DS18B20温度传感器的工作原…
阅读更多...
imazing怎么连接苹果手机

imazing怎么连接苹果手机

imazing怎么连接苹果手机 要连接苹果手机&#xff0c;您可以选择使用数据线或无线网络&#xff08;Wi-Fi&#xff09;两种方式。以下是具体的步骤&#xff1a; 使用数据线连接&#xff1a; 准备工具&#xff1a;确保您的Mac或Windows电脑已经安装了iMazing软件&#xff0c;并且…
阅读更多...
【十八】【C++】deque双端队列简单使用和deque底层实现探究（部分代码）

【十八】【C++】deque双端队列简单使用和deque底层实现探究（部分代码）

deque简单使用 在C中&#xff0c;双端队列&#xff08;Double-Ended Queue, deque&#xff09;是一种具有动态大小的序列容器&#xff0c;允许在两端快速插入和删除元素。与std::vector相比&#xff0c;std::deque提供了更加灵活的数据结构&#xff0c;特别是在需要频繁在序列…
阅读更多...
基于Transformer的机器学习模型的主动学习

基于Transformer的机器学习模型的主动学习

主动学习和基于Transformer的机器学习模型的结合为有效地训练深度学习模型提供了强有力的工具。通过利用主动学习&#xff0c;数据科学家能够减少训练模型所需的标记数据的数量&#xff0c;同时仍然达到高精度。本文将探讨基于Transformer的机器学习模型如何在主动学习环境中使…
阅读更多...
最新文章

Copyright @ 2022~2023