周大胖子 发表于 2021-2-21 15:14:15

Remax 制作微信小程序

本帖最后由 周大胖子 于 2021-2-24 17:11 编辑

灵魂问题:
1 . 如何新建一个页面:

    1.1在page目录下 新建文件夹,新建文件[例如:page/news/news.js];
    1.2在 app.config.js 的 page数组中,加入路径
const pages = [
'pages/index/index',
'pages/news/news'
];

    1.3 然后 重新 npm run dev wechat 则完成



2. 如何跳转页面 ?
    上面的正确操,可以保证编译后有 相应的 news 文件在微信的架构中出现[可以理解这一步是组件的注册 ,是所有的前提] ;    构思:其实我想了很久,没想明白 remax 自带的跳转究竟是什么,但是 我会写微信小程序啊,remax 封装的许多微信的api 其中就包括 :navigateTo[微信的跳转]

    2.1 先引入 微信的api
      import { navigateTo} from 'remax/wechat';
   参考网址:https://remaxjs.org/guide/framework/api   

    2.2再搞个点击事件
            <View onTap={toother}   data-href="../news/news" >点我跳转 </View>;

    2.3 最后写个方法 function toother(event) {
    console.log('我进来了这个函数');
    console.log(event);
    // 这个href 就是我自定义的属性
    var href = event.currentTarget.dataset.href;
    console.log(href);
    navigateTo({
      url: href
    })
}


3. 如何保存数据到当前页面?
         因为所有页面都是 app.js 的子组件,所以所有数据都在app.js 中, 按照方法 需要使用 React 的Context组件 来解决问题。
         我另起一张 阐述 react 的参考使用 Context
      后来,我发现真TM的不好用Context ,索性继续拿我的redux 装进去 搞起来


4. 如何带参跳转页面?



5. 如何把 数据保存到全局,全页面可读取?
      都用redux 了,还全局毛线 -。- ;直接 通过redux 对数据进行操作;


6. 如何使用微信的样式?微信的组件


页: [1]
查看完整版本: Remax 制作微信小程序