Weex中Web端做SPA,Native端做多页应用以及Vuex的接入

https://github.com/MasonLiuChn/WeexExplorer

WeexExplorer尝试实现:

  1. Web端做SPA,Native端做多页应用
  2. 使用Vuex

一、build native

  • 每个vue文件都为生成一个独立的bundle
  • 入口是 index.vue
    即 index.vue –> mixins –> 加载router-native和vuex
  • 每个bundle都有自己独立的vuex环境,互不相通

二、build web

  • 所有的vue页面都会打包成一个bundle
  • 入口是entry-web.js
    即 entry-web.js –> router-web.js –> index.vue –> mixins –> 加载router-native(无效)和vuex
  • 整个项目里页面间的vuex环境相通

三、工具记录

  1. weex 脚手架
    npm install -g weex-toolkit #用npm安装 weex-toolkit

  2. weex 调试
    weex debug #会安装weex-devtool 然后开启debug调试

  3. weex 包管理
    weex create #会安装weexpack

  4. Android weex server host 设置

    • 使用真机,设置电脑真实ip
    • 使用真机并且连接usb调试,设置localhost 使用adb reverse
    • 使用genomotion 设置ip 为10.0.2.3 或使用虚 AVD 设置ip 10…忘了

参考:
http://xiazhou.me/blog/20170214.html

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值