美文网首页
小程序的基础加强

小程序的基础加强

作者: 梵仇不是大侠 | 来源:发表于2024-12-25 09:47 被阅读0次

自定义组件

组件的创建与引用

1.创建组件

2.引用组件

组件的引用方式分为“局部引用”和“全局引用”,顾名思义:

局部引用:组件只能在当前被引用的页面内使用

全局引用:组件可以在每个小程序页面中使用

3.局部引用

4.全局引用组件

在app.json 全局配置文件中引入组件的方式,叫做“全局引用”。

全局引入组件,在任何页面都可以使用组件了

全局引用组件和局部引用的使用场景就是 来看组件的使用频率范围来进行引入。

6.组件和页面的区别

7.组件的样式隔离

8.组件样式的注意点

app.wxss中 定义的全局样式是无法影响到组件的样式

只有class选择器会有样式隔离效果,id选择器,属性选择器,标签选择器不受样式隔离效果。

建议:在组件引用组件的页面中 建议使用class选择器,不要使用id 属性 标签选择器。

9.修改组件的样式隔离选项

默认是isolated 它还有其他的配置如下 styleIsolation的具体配置项

10 自定义组件中的 数据 方法 和属性

data数据 

methods方法 

自定义方法建议以_开头 便于区分

properties属性

在小程序组件中,properties是对组件的对外属性,用来接收外界传递到组件中的数据。示例代码如下:

data和properties的区别

vue中的props是只读的 小程序里的properties则不是

使用setData 修改 properties的值

11. 数据监听器

小程序组件的数据监听器

组件数据监听器的基本用法

监听对象属性的变化

数据监听器支持监听对象中单个或者多个属性的变化:

相关文章

  • 小程序云开发学习笔记--目录

    目录 基础课程 1.小程序 · 云开发 — 概念基础-->视频教程链接 2.小程序 · 云开发 — 操作基础-->...

  • 微信小程序开发教程(基础篇)3-app.js 解析

    微信小程序开发教程(基础篇)1-初识微信小程序微信小程序开发教程(基础篇)2-微信小程序结构概览 上一篇教程中写道...

  • 微信小程序组件化的解决方案

    从小程序基础库版本 1.6.3 开始,小程序支持简洁的组件化编程。查看自己使用的小程序基础库版本,可以通过在开发者...

  • 未来已来,财富新风口小程序蓄势待发

    随着小程序功能和引流能力的加强,小程序已成为了商家开展线下线上交易的有力武器,加上小程序本身简单易用,快速流畅操作...

  • 小程序三大运营妙招,让营业额轻松翻倍

    小程序时代已来,对商家来说,小程序正是微信连接线上线下的利器,只需加强线下或特定场景里“小程序”的使用习惯...

  • Java编程强化学习路线图(黑马程序员自学就业班)

    学完JavaSE基础,但它在企业级应用中程序处理业务的效率并不高、扩展差,编程强化是对JavaSE基础的加强,将针...

  • 小程序基础概念

    文档地址 微信基础概念 App 小程序全局文件 app.js) 小程序逻辑,注册小程序 app.json 小程序全...

  • 小程序基础

    小程序越渐完善,学习一下小程序,给未来多一个可能。 小程序架构 主体: app.js:小程序逻辑 app.json...

  • 小程序基础

    最最基础 小程序指导小程序构成:一个小程序主体部分由三个文件组成,必须放在项目的根目录,如下: 单一的小程序页面的...

  • 小程序基础

    微信小程序的特点 小程序是一种不需要下载、安装即可使用的应用,它出现了触手可及的梦想,用户扫一扫或者搜一下即开打开...

网友评论

      本文标题:小程序的基础加强

      本文链接:https://www.haomeiwen.com/subject/ewldjjtx.html