# kk商城

**Repository Path**: overbug/kk-mall

## Basic Information

- **Project Name**: kk商城
- **Description**: vue3版本
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2025-01-15
- **Last Updated**: 2025-01-15

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

## git 管理项目
1. git init
2. git add .
3. git commit -m "init"

## 安装Element-plus
1. 完整引入
npm install element-plus --save
2. 按需引入
npm install -D unplugin-vue-components unplugin-auto-import

## 安装sass
1. npm i sass -D

## axios基础配置
1. 安装axios
 npm i axios
2. 配置基础实例（统一接口配置）
        1. 接口基地址
        2. 接口超时时间
axios   3. 请求拦截器                  =>  axios 实例    
        4. 响应拦截器

## 安装normalize.css
npm add normalize.css

import { createApp } from 'vue'
import App from './App.vue'

 import 'normalize.css'

createApp(App).mount('#app')


## 吸顶导航交互实现
意义：帮助用户能够随时切换到别的页面

读取浏览器向下滑动的像素点并监听它，当它的值大于78px后，触发事件显示这个headermix组件

安装VueUse插件
npm i @vueuse/core

## pinia优化重复请求
把多个组件的共享数据用pinia统一管控，在两个子组件的公共父组件把action触发，可以保证它只会触发一次

## pinia 登录持久化
安装pinia-plugin-persistedstate插件
npm i pinia-plugin-persistedstate

插件添加到你的pinia实例中
import { createPinia } from 'pinia'
import piniaPluginPersistedstate from 'pinia-plugin-persistedstate'

const pinia = createPinia()
pinia.use(piniaPluginPersistedstate)