@wya/vc

基于Vue@2.x的组件库移步@wya/vc

TODO

• 文档建设
• 测试用例覆盖(目前测试用例来自Vue2.x未做修改)
• 适配TS，编译
• 主题建设

注意

getCurrentInstance() 以下统一叫instance

• defineComponent 有助于IDE检查TS（包括Mixin也需要）
• instance.ctx.$xxx: Vue2类似相关this.$xxx, 如可以使用ctx.$forceUpdate()（vite build时，不存在了, 不明未细查?）
• instance.ctx.$el 与 instance.vnode.el相同（前者在vite build的时候undefined, 不明未细查?）
• instance.parent可以寻找到父层
• @click事件作为函数使用的两种方式
  • instance.vnode.props: 其中含事件如onClick, 可以将事件转化为函数使用
  • inheritAttrs: false: onClick可以在attrs中获取当函数使用
    • css 和 style 在vue3中需要自行绑定，不存在响应式
    • 其他值和样式转为响应式：使用hooks/use-attrs

约定

语法检查

• ESLint检查无报错
• TS类型检查无报错

类型使用

• import type { Ref } from 'vue'
• import type { xxx } from './types'

provide

provide('[组件名]', {
	// 当前组件的props,
	props, 

	// 其他需要传递的字段
	[key: string]: any
})

hooks 钩子相关

这里指单独未PC和Mobile组件提取hooks时，非公共hooks

• 使用instance获取props和其他值(这个时候需要自行编写Props类型)

组件字段名统一

• TODO