![](https://img-blog.csdnimg.cn/direct/1204f2dd44b64e9ab4e55f76e2998775.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
小程序
文章平均质量分 86
个人学习笔记,欢迎交流指正~
JS.Huang
卷不动了,可以躺平吗
展开
-
【小程序】组件之间的数据传递
① 给子组件设置属性:用于子组件获取父组件的数据子组件修改数据不会同步到父组件!在页面中使用组件,并给组件设置自定义属性,属性值为需要传递的数据<my-po pageNum="{{18}}"></my-po>在组件中,需要设置 properties 接收数据Component({ // 组件的属性列表:接收外部传入的数据 properties: { // 写法 1 : 接收传入的数据,并且指定传入值的类型为 String pageNum: Str原创 2022-03-01 09:42:29 · 1787 阅读 · 0 评论 -
【小程序】条件渲染 & 列表渲染
条件渲染可以使用 wx:if="" 来控制组件的渲染<view wx:if="{{flag}}">不渲染(变量)</view><view wx:if="flag">渲染(字符串)</view><view wx:if="">不渲染(空字符串)</view><view wx:if=" ">渲染(空格字符串)</view>data: { flag: false },可以搭配 wx:elif、 w原创 2022-02-28 22:49:05 · 366 阅读 · 0 评论 -
【小程序】项目结构解析
项目结构讲解pages 文件夹:存放页面;一个页面对应一个文件夹页面文件夹包含 4 个基础文件:.js、.json、.wxml、.wxss.json:当前页面的配置文件,优先级比全局配置文件高uitls 文件夹:存放工具类 JS 文件。里面默认存放着 uitls.js,用于格式化时间.eslintrc.js:项目默认配置,不要轻易更改app.js:小程序入口文件app.json:小程序的全局配置文件包括:小程序所有的页面路径、界面表现、网络超时时间、底部 tab…app.wxss:原创 2022-02-28 22:12:15 · 707 阅读 · 0 评论 -
【小程序】初识小程序
WXML 模板WXML & HTML标签名字不一样,WXML 标签更语义化一些eg:<image src="/images/1.png"></image>、<navigator url="/pages/logs/logs">logs</navigator>图片建议创建 images 文件夹存放项目的根目录可以直接用 / 表示WXML 标签混入了一些类似 Vue.js 的语法,eg:wx:if、<text>{{msg}原创 2022-02-19 17:09:42 · 586 阅读 · 0 评论