黑马程序员微信小程序学习总结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.rhkb.cn/news/256930.html

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

相关文章

基于java后台的微信校园教室图书馆座位预约小程序系统设计与实现

基于java后台的微信校园教室图书馆座位预约小程序系统设计与实现

博主介绍：黄菊华老师《Vue.js入门与商城开发实战》《微信小程序商城开发》图书作者，CSDN博客专家，在线教育专家，CSDN钻石讲师；专注大学生毕业设计教育和辅导。 所有项目都配有从入门到精通的基础知识视频课程&#xff…
阅读更多...
电商小程序07显示用户个人信息

电商小程序07显示用户个人信息

目录 1 全局变量2 控制登录按钮显示3 设置布局4 搭建我的页面5 修改个人信息总结 在登录章节我们已经实现了用户名和密码登录首页的功能，在登录之后，可以切换到我的页面，显示用户的头像和名称，可以修改个人信息。本篇我们介绍一下…
阅读更多...
腾讯云游戏联机服务器配置价格表，4核16G/8核32G/4核32G/16核64G

腾讯云游戏联机服务器配置价格表，4核16G/8核32G/4核32G/16核64G

2024年更新腾讯云游戏联机服务器配置价格表，可用于搭建幻兽帕鲁、雾锁王国等游戏服务器，游戏服务器配置可选4核16G12M、8核32G22M、4核32G10M、16核64G35M、4核16G14M等配置，可以选择轻量应用服务器和云服务器CVM内存型MA3或标准型SA2实例&am…
阅读更多...
【MySQL】：分组查询、排序查询、分页查询、以及执行顺序

【MySQL】：分组查询、排序查询、分页查询、以及执行顺序

🎥 屿小夏 ： 个人主页 🔥个人专栏 ： MySQL从入门到进阶 🌄 莫道桑榆晚，为霞尚满天！ 文章目录 📑前言一. 分组查询1.1 语法1.2 where与having区别1.3 注意事项:1.4 案例: 二. 排序查询…
阅读更多...
ClickHouse--04--数据库引擎、Log 系列表引擎、 Special 系列表引擎

ClickHouse--04--数据库引擎、Log 系列表引擎、 Special 系列表引擎

提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档 文章目录 1.数据库引擎1.1 Ordinary 默认数据库引擎1.2 MySQL 数据库引擎MySQL 引擎语法字段类型的映射 2.ClickHouse 表引擎3.Log 系列表引擎几种 Log 表引擎的共性是&#…
阅读更多...
【蓝桥杯选拔赛真题34】C++最大值 第十三届蓝桥杯青少年创意编程大赛C++编程选拔赛真题解析

【蓝桥杯选拔赛真题34】C++最大值 第十三届蓝桥杯青少年创意编程大赛C++编程选拔赛真题解析

目录 C/C++最大值 一、题目要求 1、编程实现 2、输入输出
阅读更多...
项目02《游戏-10-开发》Unity3D

项目02《游戏-10-开发》Unity3D

【完成本集功能后共享1-10集整套代码】 基于 项目02《游戏-09-开发》Unity3D ， 任务：传送至其他场景， 首先在场景中加入传送门， 设置人物标签， using UnityEngine; using UnityEngine.SceneManagement; u…
阅读更多...
调用讯飞火星AI大模型WebAPI

调用讯飞火星AI大模型WebAPI

调用讯飞火星AI大模型 记录一次调用讯飞AI大模型的过程 官方文档 首先，去官网申请资格，获得必要秘钥等 再编写url，该url存在编码要求，具体看官网url编写 具体代码如下： getWebsocketUrl() {return new Promise((resol…
阅读更多...
腾讯云4核8G服务器多少钱？646元一年零3个月

腾讯云4核8G服务器多少钱？646元一年零3个月

腾讯云服务器4核8G配置优惠价格表，轻量应用服务器和CVM云服务器均有活动，云服务器CVM标准型S5实例4核8G配置价格15个月1437.3元，5年6490.44元，轻量应用服务器4核8G12M带宽一年446元、529元15个月，腾讯云百科txybk.com分…
阅读更多...
Pytorch的可视化

Pytorch的可视化

1 使用 wandb进行可视化训练过程 本文章将从wandb的安装、wandb的使用、demo的演示进行讲解。 1.1 如何安装wandb？ wandb的安装比较简单，在终端中执行如下的命令即可： pip install wandb在安装完成之后，我们需要，去…
阅读更多...
Springboot拦截器中跨域失效的问题、同一个接口传入参数不同，一个成功，一个有跨域问题、拦截器和@CrossOrigin和@Controller

Springboot拦截器中跨域失效的问题、同一个接口传入参数不同，一个成功，一个有跨域问题、拦截器和@CrossOrigin和@Controller

Springboot拦截器中跨域失效的问题 一、概述 1、具体场景 起因： 同一个接口，传入不同参数进行值的修改时，一个成功，另一个竟然失败，而且是跨域问题拦截器内的request参数调用getHeader方法时，获取不到前端…
阅读更多...
如何写好一个简历

如何写好一个简历

如何编写求职简历 论Java程序员求职中简历的重要性 好简历的作用 在求职过程中，一份好的简历是非常重要的，它甚至可以直接决定能否被面试官认可。一份出色或者说是成功的个人简历，最根本的作用是能让看这份简历的人产生一定要见你的强烈愿…
阅读更多...
Idea Git Review插件

Idea Git Review插件

idea git plugin 添加了一些常用的小插件 可以右键打开git bash窗口 可以右键选中文字点击baidu fanyi 可以通过搜索git用户名 指定开始时间查询某个版本自己提交的所有代码文件 可以通过点击蓝色行数，跳转到指定的改动代码块 资源地址： git-pl…
阅读更多...
伦敦金是现货黄金吗？

伦敦金是现货黄金吗？

伦敦金属现货黄金交易的一种形式。投资者可以通过伦敦金市场直接买卖黄金，以实现投资收益。伦敦金市场具有高度流动性和透明度，是全球投资者广泛参与的贵金属交易市场之一。 什么是现货黄金？ 现货黄金是指实物黄金的交易，投资者可…
阅读更多...
C/C++模板初阶

C/C++模板初阶

目录 1. 泛型编程 2. 函数模板 2.1 函数模板概念 2.1 函数模板格式 2.3 函数模板的原理 2.4 函数模板的实例化 2.5 模板参数的匹配原则 3. 类模板 3.1 类模板的定义格式 3.2 类模板的实例化 1. 泛型编程 如何实现一个通用的交换函数呢？ void Swap(int&…
阅读更多...
百面嵌入式专栏（面试题）驱动开发面试题汇总 2.0

百面嵌入式专栏（面试题）驱动开发面试题汇总 2.0

沉淀、分享、成长，让自己和他人都能有所收获！😄 📢本篇我们将介绍驱动开发面试题 。 1、Linux系统的组成部分？ Linux内核、Linux文件系统、Linux shell、Linux应用程序。 2、Linux内核的组成部分？ （1）第一种分类方式：内存管理子系统、进程管理子系统、文件管理子系…
阅读更多...
[C#]winform制作仪表盘好用的表盘控件和使用方法

[C#]winform制作仪表盘好用的表盘控件和使用方法

【仪表盘一般创建流程】 在C#中制作仪表盘文案（通常指仪表盘上的文本、数字或指标显示）涉及到使用图形用户界面（GUI）组件，比如Windows Forms、WPF (Windows Presentation Foundation) 或 ASP.NET 等。以下是一个使用W…
阅读更多...
【上海大学数字逻辑实验报告】七、中规模元件及综合设计

【上海大学数字逻辑实验报告】七、中规模元件及综合设计

一、实验目的 掌握中规模时序元件的测试。学会在Quartus II上设计序列发生器。 二、实验原理 74LS161是四位可预置数二进制加计数器，采用16引脚双列直插式封装的中规模集成电路，其外形如下图所示： 其各引脚功能为： 异步复位输…
阅读更多...
Microsoft Excel 加载数据分析工具

Microsoft Excel 加载数据分析工具

Microsoft Excel 加载数据分析工具 1. 打开 Excel，文件 -> 选项2. 加载项 -> 转到…3. 分析工具库、分析工具库 - VBA4. 打开 Excel，数据 -> 数据分析References 1. 打开 Excel，文件 -> 选项 2. 加载项 -> 转到… ​​​ 3…
阅读更多...
【Linux】线程概念和线程控制

【Linux】线程概念和线程控制

线程概念 一、理解线程1. Linux中的线程2. 重新定义线程和进程3. 进程地址空间之页表4. 线程和进程切换5. 线程的优点6. 线程的缺点7. 线程异常8. 线程用途9. 线程和进程 二、线程控制1. pthread 线程库（1）pthread_create()（2）pth…
阅读更多...
最新文章
推荐文章

Copyright @ 2022~2023