# vue3-ts-demo

**Repository Path**: ssy_kr/vue3-ts-demo

## Basic Information

- **Project Name**: vue3-ts-demo
- **Description**: No description available
- **Primary Language**: JavaScript
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 1
- **Created**: 2024-03-07
- **Last Updated**: 2024-03-07

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# vue3-h5-demo

## UI 框架使用的 vant4

## vant4 官网: (https://vant-ui.github.io/)

写了一些 vue3 常用的例子
例如父子组件传参，状态管理等。

页面px与rem转换如下图所示
vite.config.js
```js
css: {
      // 此代码为适配移动端px2rem
      postcss: {
        plugins: [
          postCssPxToRem({
            rootValue: 37.5, // 1rem的大小 设计稿375宽度
            propList: ["*"], // 需要转换的属性，这里选择全部都进行转换
          }),
        ],
      },
    }
```

## Project Setup

```sh
pnpm install
```

### Compile and Hot-Reload for Development

```sh
pnpm dev
```

### Type-Check, Compile and Minify for Production

```sh
pnpm build
```

### Lint with [ESLint](https://eslint.org/)

```sh
pnpm lint
```