![](https://img-blog.csdnimg.cn/20201014180756754.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
微信小程序开发
微信小程序开发学习笔记
子夜听雨
聆听 灭绝的 死寂吧!
展开
-
微信小程序:双向数据绑定和组件
需求:输入框的值发生改变,实时显示在view标签 —— 双向绑定;1.在page的data中定义一个数据:inputvalue;2.为输入框绑定事件(值改变事件); —— 新事件3.事件触发时获取输入框值更新data里的inputvalue;wxml: changgeipt: 效果: 组件是为了提高复用率,提高开发效率在根目录创建components文件夹 在文件夹中创建自定义组件名称的文件夹 右键-》新建Component如果某个页面需要引用组件 需要在json中告诉小程序引入哪个组件 组件传参: 父传原创 2022-06-14 09:45:44 · 1045 阅读 · 0 评论 -
微信小程序模板语法
view 块级元素 相当于div text 行内元素 一行多个 相当于span1.wx:for 2. wx:key 1.普通数组 wx;key=“*this” 2.对象数组 wx:key=某个唯一的属性名 3.默认循环项{{item}} 4.默认索引项{{index}}html: js: 效果: 3.wx:if age:100,效果: wxml: js: 小例子:wxml: js:...原创 2022-06-14 09:34:39 · 211 阅读 · 0 评论 -
微信小程序基本结构
Pages:用于存放所有小程序界面,每个页面都是一个单独文件夹 utils:用于存放工具性质模块 app.js:整个小程序项目的入口文件 app.json:全局配置文件 app.wxss:全局样式文件 project.config.json:项目的配置文件 不常用 sitemap.json:配置页面被微信搜索到的一些设置 不常用在app.json中修改pages属性,增加新的页面保存后pages文件夹就会生成这个文件在app.json配置tabBar 效果...原创 2022-06-14 09:24:37 · 321 阅读 · 0 评论