vue3-item shangpinghui: 1.此项目为在线电商Web App (SPA);,2.实现功能包括首页, 搜索列表, 商品详情, 购物车, 订单, 支付, 用户登陆/注册多个子模块；3.使用了Vue3+ES6++webpack+axios等前端最新最热的技术；4.采用模块化、组件化、工程化的模式开发。

## 防抖：前面的触发都被取消，最后一次执行在规定的时间之后才会触发，也就是说如果连续快速的触发只会执行一次
## 节流：在规定的间隔时间范围内不会重复触发回调，只有大于这个时间间隔之后才会触发回调，把频繁触发变为少量触发
## ceshi
## 防抖类似于回城CD,节流类似于技能CD

## lodash插件 
* 1.里面主要封装了函数的防抖与节流的业务【闭包+延时器】
* 2.lodas函数库对外暴露_函数,类似jquery暴露的是$函数
* 3.  _.debounce()----防抖函数
##实例：在输入框输入一段字符--绑定输入事件
 * input.oninput = _.debounce(function(){
 *     alert('发送ajax请求')
 * },2000)
 * 正常情况会输入一个字符就会触发一次事件
 * 在使用了防抖函数后只会在输完最后一个字符才触发事件

## 过渡动画：前提 组件|元素务必要有v-if|v-show 指令才可以进行过渡动画

## webpack环境下,图片,json格式数据都是默认暴露的,不用export,可以直接引入

##   vue3从vuex仓库获取数据非常方便---格式如下
       let data = store.state//从vuex仓库拿到数据
       let {banner,floor} ={...toRefs(data)}//获取banner,floor数据
## 简写： let {banner,floor} ={...toRefs(store.state)},再把数据交出去
## 获取getters   let {addresslist} = {...toRefs(reactive(store.getters))}//注意,获取getters需要使用reactive满足格式
## 400 bad request报错
* 原因是请求的语法格式出现呢错误或者其他情况，注意请求参数的格式

## 注意:vuex 存储的数据不是持久化的

## 配置引入element plus 
1.npm install element-plus --save
## 配置全局引入element plus 打包体积大，且在每个组件中使用还要引入和注册--不建议
1.在main.js--
import ElementPlus from 'element-plus'
import 'element-plus/dist/index.css'
app.use(ElementPlus)
2.在组件中使用
模版：<el-button>I am ElButton</el-button>
 import { ElButton } from 'element-plus'
  export default {
    components: { ElButton },
  }
## 配置自动按需引入element plus --打包体积小，引用方便
1.安装插件
npm install -D unplugin-vue-components unplugin-auto-import
2.在vue.config.js中配置
configureWebpack:{
    // 配置webpack自动按需引入element plus
    plugins: [
      AutoImport({
        resolvers: [ElementPlusResolver()],
      }),
      Components({
        resolvers: [ElementPlusResolver()],
      }),
    ],}
3.无需在main.js和所有组件中引入和注册,可以直接使用了，组件会自动引入

留白先生/vue3-item shangpinghui

简介

发行版

贡献者

近期动态

留白先生/vue3-item shangpinghui .gitee-modal { width: 500px !important; }

简介

发行版

贡献者

近期动态

搜索帮助

留白先生/vue3-item shangpinghui