把第三方 JavaScript 库封装为 Vue3 组件

把第三方的 UI 组件封装为 Vue 组件,以Frappe Gantt为例 想要在Vue中使用甘特图组件,参考vue-echart的实现 转化的步骤 在on Mount的hook中,初始化,并且将回调转换为事件emit 实现 v-model 双向绑定 初始化,然后在js库回调中emit事件 将js库所有更改传递到vue组件(在回调事件emit函数中修改传入的props) 外部vue组件的改变传递到js库(用watch来实现,当vue组件状态改变时候,同步修改js库的ui) 最后处理对于插槽(选项列表)内部内容的所有变更。(用updated 生命周期hook) 什么是Web Components https://developer.mozilla.org/zh-CN/docs/Web/API/Web_components/Using_custom_elements 需要将封装为一个web component ...

December 21, 2023 · map[email: link: name:hi2code]