# VITE-ERABBIT

**Repository Path**: yx102/vite-erabbit

## Basic Information

- **Project Name**: VITE-ERABBIT
- **Description**: 电商平台
首页模块；商品详情；购物车；登录模块；填写订单；进行支付；个人中心
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 1
- **Forks**: 1
- **Created**: 2022-08-29
- **Last Updated**: 2023-03-14

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# Vue 3 + Vite

This template should help get you started developing with Vue 3 in Vite. The template uses Vue 3 `<script setup>` SFCs, check out the [script setup docs](https://v3.vuejs.org/api/sfc-script-setup.html#sfc-script-setup) to learn more.

## Recommended IDE Setup

- [VS Code](https://code.visualstudio.com/) + [Volar](https://marketplace.visualstudio.com/items?itemName=Vue.volar)

getActivePinia was called with no active Pinia. Did you forget to install pinia?
scss混入
vite全局注入scss变量
使用vue/core计算scroll时，不能将函数放入onMounted中，直接写在setup才会生效
vite注册全局组件不能用require
transition
    进入（显示，创建）
    v-enter 进入前 （vue3.0 v-enter-from）
    v-enter-active 进入中
    v-enter-to 进入后
    离开（隐藏，移除）
    v-leave 进入前 （vue3.0 v-leave-from）
    v-leave-active 进入中
    v-leave-to 进入后
useIntersectionObserver
    判断元素是否在可视区域中
轮播图组数切换
    :style="{transform:`translateX(${-index*1240}px)`}， 计算index，通过translateX来切换
路由跳转时滚动条回到最顶部
使用render封装bread，需要在export default中使用render，其他地方会报错或则没找到怎么使用
面包屑动画，transition加上key才能保证切换的时候有动画
reactive为数组时怎么清空值,定义的单独的值不能在template中使用
checkbox双向绑定modelValue和update:modelValue
reactive重新赋值一个对象不生效？？要通过点出来的方式修改
render函数读取不了v-for动态插入的值
reactive请求后的赋值页面不会刷新
project/inject不能放在任何的watch，onMounted等中使用，要直接放在setup函数下才会生效