sda-lib-demo

SDA2.0 组件库

安装启动

1. 安装依赖 $ yarn

2. 启动项目 $ yarn dev

发布版本

1. 登录 NPM 仓库 $ npm login

2. 修改版本 每次发布前需要更改 package.json version 字段, 提高版本号

3. 发布依赖

• 发布正式版本 $ npm publish

• 添加 tag 发布测试版本 $ npm publish --tag=beta

• 安装测试包 $ npm i <packageName>@beta

组件定义示例

• 严禁使用 var 定义变量, require 引入文件

• ref reactive toRef toRefs 的区别

import { defineComponent, h, toRef } from 'vue'

export default defineComponent({
  name: 'MLabel',
  props: {
    value: {
      type: String,
      required: true
    }
  },
  setup(props) {
    const label = toRef(props, 'value')

    return {
      label
    }
  },
  render() {
    return h('span', [`${this.label}`])
  }
})