#  vue2-3框架模板

**Repository Path**: haohais/vue3-framework-template

## Basic Information

- **Project Name**:  vue2-3框架模板
- **Description**: vue3博客项目框架
- **Primary Language**: JavaScript
- **License**: GPL-3.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 1
- **Created**: 2023-01-13
- **Last Updated**: 2024-10-18

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# Vue 3 + Vite

- 使用技术：vue3+element-plus+pinia+hooks

## vue3 创建

- npm create vite@latest 项目名

## vue3 setup 语法糖插件

```javascript
解决import [ ref ,reactive.}引入的问题
下载安装
npm i unplugin-auto-import -D

```

## vue3 pinia 数据化插件

```javascript
npm i pinia-plugin-persist --save

// store/index.js
import { createPinia } from 'pinia'
import piniaPluginPersist from 'pinia-plugin-persist'
const store = createPinia()
store.use(piniaPluginPersist)
export default store

// 默认所有 state 都会进行缓存，你能够通过 paths 指定要长久化的字段，其余的则不会进行长久化。
state: () => {
  return {
    name: '张三',
    age: 18,
    gender: '男'
  }
},
persist: {
  enabled: true,
  strategies: [
    {
      storage: localStorage,//数据默认存在 sessionStorage 里，并且会以 store 的 id 作为 key。
      paths: ['name', 'age']
    }
  ]
}
```

> 项目地址：https://admin.talkxj.com/login
> 测试账号：
> test@qq.com，
> 密码：
> 1234567

> 项目 API：https://www.talkxj.com/api/doc.html#/main