跨平台移动开发工具 Weex
跨平台移动开发工具 Weex
  1. Weex 快速上手
    1. Weex 简介
      1. Weex 概述
      2. Weex 使用前端框架
    2. Weex 前端框架
      1. Weex Vue.js
      2. Weex Raxs.js
    3. Weex 平台差异
      1. Weex 环境中没有 DOM
      2. Weex 环境中没有 BOM
      3. Weex 能够调用移动设备原生 API
    4. Weex 在 Weex 中使用 Vue.js
      1. Week 只含有运行时的构建版本
      2. Weex 平台的差异
        1. Weex 执行环境
        2. Weex Dom
        3. Weex 样式
        4. Weex 事件
      3. Weex Web 渲染器
      4. Weex 单文件组件
        1. Weex 编译目标
        2. Weex 使用weex-loader
      5. Weex 支持的功能
        1. Weex 全局配置
        2. Weex全局 API
        3. Weex 选项
        4. Weex 生命周期钩子
        5. Weex 实例属性
        6. Weex 实例方法
        7. Weex 模板指令
        8. Weex 特殊属性
        9. Weex 内置组件
    5. Weex 在 Weex 中使用 Rax.js
      1. Weex 什么是 Rax
      2. Weex 环境变量
      3. Weex Rax Framework
      4. Weex 样式支持
      5. Weex 使用组件
      6. Weex 使用 Weex 模块
      7. Weex 页面降级
      8. Weex 事件
      9. Weex 事件通信
  2. Weex 开发
    1. Weex 设置开发环境
      1. Weex 安装依赖
      2. Weex 初始化项目
      3. Weex 开发
    2. Weex 创建一个 App
      1. Weex 初始化
      2. Weex 开发
      3. Weex 编译和运行
      4. Weex 调试
    3. Weex CLI
      1. Weex 系统组件
      2. Weex 安装
      3. Weex 命令
    4. Weex 集成到Android应用
      1. Weex 设置gradle依赖
      2. Weex 配置混淆规则
      3. Weex 声明权限
      4. Weex 初始化sdk
      5. Weex 创建WXSDKInstance
      6. Weex 运行app
      7. Weex 扩展Android能力
    5. Weex 集成 Weex 到 iOS
      1. Weex 配置依赖
      2. Weex 初始化 Weex
      3. Weex 创建一个 Weex 实例
      4. Weex 销毁实例
      5. Weex 扩展 Weex
      6. Weex 在 iPad 中使用 Weex
    6. Weex 常见错误码
      1. Weex 降级类错误
      2. Weex js错误
      3. Weex 下载异常
      4. Weex 白屏异常
      5. Weex Android错误
  3. Weex 调试
    1. Weex 集成Devtool到Android
      1. Weex Android接入指南
      2. Weex 科普
    2. Weex 集成Devtool到IOS
      1. Weex iOS接入指南
    3. Weex 调试
      1. Weex 安装weex-toolkit
      2. Weex 运行
      3. Weex 开始调试
  4. Weex 扩展
    1. Weex 扩展Android能力
      1. Weex JSEnv 扩展
      2. Weex Module 扩展
      3. Weex Module 注册
      4. Weex Component 扩展
      5. Weex Component 注册
      6. Weex Adapter 扩展
      7. Weex Adapter 注册
    2. Weex 扩展IOS能力
      1. Weex JSEnv 扩展
      2. Weex 自定义 module
      3. Weex 扩展组件
      4. Weex 获取组件的 CSS 样式
      5. Weex 自定义 handler
    3. Weex 使用 Swift 扩展 IOS 能力
    4. Weex 扩展 Web 组件
    5. Weex 扩展内置组件
    6. Weex 扩展内置模块
  5. Weex 高阶特性
    1. Weex 资源路径
      1. Weex Schemes
      2. Weex 相对路径
      3. Weex URI Adapter
    2. Weex 降级方案
      1. Weex 触发降级
      2. Weex 辅助工具
      3. Weex 降级配置项
    3. Weex 使用 Vuex 和 vue-router
      1. Weex 使用 Vuex
      2. Weex 使用 vue-router
    4. Weex 适应不同尺寸屏幕
      1. Weex 如何将前端样式值转换为系统坐标值
      2. Weex 为什么 Weex 页面不支持横竖屏切换
      3. Weex 屏幕参数接口
      4. Weex 使用场景
  6. Weex 加入 Weex 社区
    1. Weex 参与者公约
    2. Weex 邮件列表
    3. Weex Members and Governance Model
    4. Weex 提出与解决解答问题
    5. Weex 研发流程
    6. Weex 贡献文档或代码
  7. Weex 鸣谢
阅读(437) 书签 赞(0) 我要纠错

Weex 扩展 Web 组件

2023-12-28 15:47 更新

Vue.js 是一个独立的前端框架，在浏览器中渲染时不需要基于 Weex 容器。因此，针对 Weex 平台扩展 Vue.js 的 Web 端组件，和直接使用 Vue.js 开发一个 Web 组件是一样的。具体的组件编写方法可以参考其官方文档：组件 ，另外建议使用 .vue 格式的文件编写组件，使用方法参考：单文件组件。

以上内容是否对您有帮助：
← Weex 使用 Swift 扩展 IOS 能力
Weex 扩展内置组件 →
在线笔记
App下载
App下载

扫描二维码

下载编程狮App

公众号
微信公众号

编程狮公众号