Closed wangshunnn closed 1 week ago
Mpx 输出 小程序 和 Web 支持 provide/inject 功能,支持选项式语法以及 Vue3 的组合式 API 用法。
provide/inject
组件层:使用组件选项式语法或者在 setup 中使用组合式 API,参考 Vue3 用法。
setup
应用层(顶层):在应用入口 createApp({}) 选项中使用 provide 属性提供顶层注入,与 Vue2 对齐(Mpx 基于 Vue2 输出 Web)。
createApp({})
provide
小程序:核心实现思路是,顶层 provide 挂载在全局 App scope,组件层 provide 挂载在所属页面 scope。由于小程序原生限制,无法在子组件获取真实渲染时的父组件引用关系,所以不能像 Vue 那样基于父组件 provide 原型继承来实现。
Web:提供 Vue2.7 原生 provide/inject API(兼容 Vue3)。顶层 createApp({}) 中注册的 provde 在创建 Vue App 实例时注入。
Feature
Mpx 输出 小程序 和 Web 支持
provide/inject
功能,支持选项式语法以及 Vue3 的组合式 API 用法。组件层:使用组件选项式语法或者在
setup
中使用组合式 API,参考 Vue3 用法。应用层(顶层):在应用入口
createApp({})
选项中使用provide
属性提供顶层注入,与 Vue2 对齐(Mpx 基于 Vue2 输出 Web)。Implementation
小程序:核心实现思路是,顶层
provide
挂载在全局 App scope,组件层provide
挂载在所属页面 scope。由于小程序原生限制,无法在子组件获取真实渲染时的父组件引用关系,所以不能像 Vue 那样基于父组件provide
原型继承来实现。Web:提供 Vue2.7 原生
provide/inject
API(兼容 Vue3)。顶层createApp({})
中注册的 provde 在创建 Vue App 实例时注入。TODO