# shop

**Repository Path**: cw_77_0/shop

## Basic Information

- **Project Name**: shop
- **Description**: Vue商城 Vue3+uv-ui
- **Primary Language**: Unknown
- **License**: Apache-2.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2025-03-31
- **Last Updated**: 2025-04-12

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

sudo chmod -R 777 * && git add . && git commit -m 'submit code' && git push origin master


vite：https://cn.vite.dev/
router：https://router.vuejs.org/zh/api/
vantUI：https://vant-ui.github.io/vant/#/zh-CN


安装路由
npm install vue-router@4 -S

路由生态插件，根据我们目录中的vue文件，自动去识别出路由地址
npm install vite-plugin-pages -S
npm install vite-plugin-vue-layouts -S


html + css + js 传统布局方式


UI框架布局方式
vantui + vue-cli => 移动端布局
element-ui + vue-cli => PC响应式布局


安装VantUI
npm install vant -S


vue2 
export default {
    mounted()
    {
        console.log(this)
    }
}

vue3
export default {
    setup()
    {
        console.log(this) -> undefined
    }
}

在vue3里面有一个对象可以充当我们的this == createApp() 应用对象
getCurrentInstance()

安装自动导入依赖的插件
npm install unplugin-auto-import -S

可以自动引入页面组件components

npm install unplugin-vue-components -S

安装vantUI 提供城市信息
npm install @vant/area-data -S

/business 路由地址
视图：/src/views/business/index.vue


在fastadmin项目中，新建一个 shop 模块 用于对接 vue项目的接口部分
php think build --module shop

安装axios 请求插件
npm install axios -S --force

后台请求的地址：
www.fast.com/shop/business/login


Vue 挂载一个功能的时候
use 方法 ->  module -> install(安装)


vue当中发出地址
http://localhost:5173/shop/business/login

反向代理

接口地址
http://www.fast.com/shop/business/login

ajax 跨域报错问题 -> jsonp

http://www.fast.com/shop

cookie -> web中使用的 缓存

vue生态 -> 状态管理 vuex pinia
vuex state mulation action getters
pinia state actions getters

session -> 服务器端的工具


npm install pinia -S
npm install pinia-plugin-persist -S --force