第九章：小程开发-知识点积累

1.页面逆向传值：

1. A页面：

    //index.wxml
    <button bindtap="view_detail" type="primary">进入详情</button>
    //index.js
    Page({
        data: {
        },
        onLoad() {
        },
        view_detail(e) {
            wx.navigateTo({
                url: `/pages/index/detail`,
                events: {
                    // 打开页面回传操作
                    back: function (data) {
                        console.log('回传数据：', data);
                    }
                }, 
                success: function (res) {
                    // 通过eventChannel向被打开页面传送数据
                    res.eventChannel.emit('lalala', {
                        data: '传给你'
                    })
                }
            });
        },
    });
   

2. B页面：

    //index.wxml
    <button type="primary" bindtap="add_back">返回上个页面</button>
    //index.js
    Page({
        data: {
        },
        onLoad(options) {
            let eventChannel = this.getOpenerEventChannel();
            // 监听emit事件，获取上一页面通过eventChannel传送到当前页面的数据
            eventChannel.on('lalala', function (data) {
                console.log('上页传来的参数：', data);
            })
        },
        add_back: function () {
            let eventChannel = this.getOpenerEventChannel();
            eventChannel.emit('back', {
                data: '接收到了'
            })
        }
    });
   

2.微信小程序使用npm

1. 终端进入小程序根目录执行npm init命令，一路回车直到完成,项目新增(package.json文件)
2. 在小程序中执行安装命令npm包: npm i @vant/weapp -S --production 项目中新增(node_modules)文件
3. 构建npm包(项目中新增miniprogram_npm文件）
   1. 打开微信开发者工具，点击 工具 -> 构建 npm
   2. 开启“使用npm模块”(右上角详情-本地设置-勾选使用npm模块)
4. 修改app.json
   1. 将 app.json 中的 “style”: “v2” 去除，小程序的新版基础组件强行加上了许多样式，难以去除，不关闭将造成部分组件样式混乱。
5. 使用组件：

   1. index.js中引用组件：

       {
         "usingComponents": {
           "van-button":"@vant/weapp/button/index"
         }
       }
      

   2. index.wxml中使用组件

       <van-button type="primary">按钮</van-button>
      

6. 一个非常强大的小程序组件vant-weapp
7. 注意：每当你通过 npm 安装一个第三方库时，记得别忘记重新构建一下（点开左上角工具->选中构建npm）

3.微信扫描普通二维码跳转小程序

1. 如果要实现通过微信扫描一个二维码直接进入小程序的页面，需要以下步骤
2. 步骤如下：
   1. 登录微信官方后台，配置二维码域名、子页面路径，下载校验文件给后台，让后台发布
   2. 在相应的页面代码处理
   3. 官方文档地址

4. 微信小程序文件上传、下载注意事项

1. 小程序上传、下载都需要在微信后台配置相应的域名地址，否则无法下载报错