黑马程序员微信小程序学习总结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的值

在这里插入图片描述

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

如若内容造成侵权/违法违规/事实不符，请联系编程知识网进行投诉反馈email:809451989@qq.com，一经查实，立即删除！

相关文章

有依赖的背包问题——树形DP+分组背包

有依赖的背包问题——树形DP+分组背包

有 N 个物品和一个容量是 V 的背包。 物品之间具有依赖关系，且依赖关系组成一棵树的形状。如果选择一个物品，则必须选择它的父节点。 如下图所示： 如果选择物品5，则必须选择物品1和2。这是因为2是5的父节点，1是2的父节…
阅读更多...
MySQL基本操作之数据库的操作

MySQL基本操作之数据库的操作

一.创建数据库 1.基本语法 create database 数据库名； 注意别忘记加分号。 2.if not exists 数据库名字是唯一的，所以不可以创建已存在的数据库，如下： 重复创建就会报错 所以有了if not exists这个语法，加上之后&…
阅读更多...
nvm 安装nodejs教程【详细】

nvm 安装nodejs教程【详细】

目录 一、安装nvm 二、配置镜像 三、安装nodejs 安装 查看正在用的nodejs版本 切换版本 一、安装nvm 双击安装包： 无脑下一步即可，当然你可以自定义你自己的安装目录。 安装完后，打开环境变量，你会发现nvm为我们自动配置好…
阅读更多...
ubuntu22.04@laptop OpenCV Get Started: 008_image_filtering_using_convolution

ubuntu22.04@laptop OpenCV Get Started: 008_image_filtering_using_convolution

ubuntu22.04laptop OpenCV Get Started: 008_image_filtering_using_convolution 1. 源由2. convolution应用Demo2.1 C应用Demo2.2 Python应用Demo 3. 重点分析3.1 identity矩阵3.2 all ones 5x5矩阵3.3 blur 5x5矩阵3.4 GaussianBlur 5x5矩阵3.5 medianBlur 5x5矩阵3.6 Sharpe…
阅读更多...
TinUI v5预发布记录

TinUI v5预发布记录

TinUI v5预发布记录 前言新控件滚动选择框菜单按钮 新样式pre1pre2pre3pre4 新功能导入字体文件释放子窗口 前言 TinUI是一个从2021年正式开始并一直维护到现在的小项目，中间经过了四代版本的更新。因为一些原因，2023年，TinUI-4后更新较少。…
阅读更多...
勒索病毒最新变种.target勒索病毒来袭，如何恢复受感染的数据？

勒索病毒最新变种.target勒索病毒来袭，如何恢复受感染的数据？

导言： 在当今数字化时代，数据被视为企业和个人最重要的资产之一。然而，随着技术的进步，网络安全威胁也在不断演变。其中，勒索病毒是一种极具破坏性的威胁，而".target"勒索病毒是近期备受关注的一…
阅读更多...
Sentinel 流控-关联模式

Sentinel 流控-关联模式

关联模式 A关联B, 当B流控后，A 的流控规则也生效了 条件 A 设置高级流控规则，关联 B资源B 设置普通流控规则（独立规则）实例 接口编写 package com.learning.springcloud.order.controller; import org.springframework.web.bind.annotation.RequestMapping; import org.s…
阅读更多...
ACM训练题：摆花

ACM训练题：摆花

花的摆放是按顺序且同种在一块&#xff0c;这可以递推。设dp[i][j]表示前i种花总共摆放j个的方案数。遍历第i种花可能的摆放个数k&#xff0c;有递推公式&#xff1a;dp[i][j]dp[i-1][j-k]。唯一的坑点是这个j要从0开始。 AC代码&#xff1a; #include<bits/stdc.h> us…
阅读更多...
音视频基础

音视频基础

本篇文章我们来讲一下音视频基础 像素点: 将以下图片的美女眼睛放大 能够看到一个一个的小方块 这就是像素点 照片像素宽像素点*高像素点 像素点 代码实例&#xff1a; #include <opencv2/opencv.hpp>int main() {// 创建一个200x100的黑色图像cv::Mat image(100, 200,…
阅读更多...
最新的 Ivanti SSRF 零日漏洞正在被大规模利用

最新的 Ivanti SSRF 零日漏洞正在被大规模利用

Bleeping Computer 网站消息&#xff0c;安全研究员发现 Ivanti Connect Secure 和 Ivanti Policy Secure 服务器端请求伪造 (SSRF) 漏洞&#xff08;CVE-2024-21893 &#xff09;正在被多个威胁攻击者大规模利用。 2024 年 1 月 31 日&#xff0c;Ivanti 首次就网关 SAML 组件…
阅读更多...
C#中implicit和explicit

C#中implicit和explicit

理解: 使用等号代替构造函数调用的效果以类似重载操作符的形式定义用于类型转换的函数前者类型转换时候直接写等号赋值语法,后者要额外加目标类型的强制转换stirng str -> object o -> int a 可以 int a (int)(str as object)转换通过编译,但没有转换逻辑所以运行会报错…
阅读更多...
[HCIE]vxlan --静态隧道

[HCIE]vxlan --静态隧道

实验目的:1.pc2与pc3互通&#xff08;二层互通&#xff09;&#xff1b;2.pc1与pc3互通&#xff08;三层互通&#xff09; 实验说明&#xff1a;sw1划分vlan10 vlan20 ;sw2划分vlan30&#xff1b;上行接口均配置为Trunk 实验步骤&#xff1a; 1.配置CE1/CE2/CE3环回口互通&a…
阅读更多...
推荐文章
最新文章

Copyright @ 2022~2023