$ cnpm install @qdll/business
组件开发一律使用composition-api开发,相关的API必须从vue-demi中引入,不可以直接从vue或者@vue/composition-api中引入
不支持setup语法糖,必须使用defineComponent
export default defineComponent({
})
JS代码中,如果需要区分vue2和vue3,从vue-demi中引入isVue2/isVue3
if (isVue2) {
} else {
}
如果是需要为某个对象新增属性,可以引入@/utils/set,避免反复if (isVue2) 的情况
import { ref } from 'vue-demi'
import { set } from '@qdll/business'
// OR
import { set } from '@/utils/set'
const obj = ref({})
set(obj, 'key', 'value')
console.log(obj.value.key) // value
template需要避开使用vue3的特定语法,比如v-model修饰符,需要展开语法,有兴趣的话,可以做一下插件开发
<!-- error -->
<MyComponent
v-mode.custom="custom"
/>
<!-- 展开 -->
<MyComponent
:custom="custom"
@update:custom="value => custom = value"
/>
同样,也避开模板多个跟元素
<template>
<!-- error -->
<div></div>
<span></span>
</template>
<!-- 只能有一个根元素 -->
<template>
<div>
<div></div>
<span></span>
</div>
</template>
文档书写时,只有一级标题,# 组件名称以及### 组件说明,不要有## 二级文档
会自动查找文件中的index.md,如果需要插入示例,则在md文件自行增加一个### Demo的段落,并且在同级目录增加一个Demo.vue的文件用于写你的示例代码,会自动插入的
好消息,你在Demo里面可以使用setup语法糖,可以直接从vue中引入方法!!
Copyright 2013 - present © cnpmjs.org | Home |