自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(11)
  • 收藏
  • 关注

原创 VUE3 :组件的双向绑定

VUE3 :组件的双向绑定<Number v-model="number"/>文章目录VUE3 :组件的双向绑定一、组件:v-model二、v-model实现双向绑定原理一、组件:v-model在组件身上绑定一个自定义属性 名称为modelValue 是一个prop在组件身上绑定一个自定义事件 名称为update:modelValue在自定义事件触发时的回调函数中会自动将emit方法传来的实参赋值给v-model绑定的number二、v-model实现双向绑定原理

2021-06-02 14:36:22 538 2

原创 关于SKU

关于SKUsku 指的是会影响商品价格和库存的属性 比如说手机 容量 颜色 产地有效sku 所有的规格都选中 才能构成一条有效的sku数据 将来这个数据 会生成一个skuId{ skuId: 10001, spec:{color:red,size:big}}组件当你选择的是有效的sku时产出一条完整的sku对象信息,否则会产出空对象...

2021-06-02 14:05:38 180

原创 上 拉 加 载

上拉加载文章目录上拉加载前言一、pandas是什么?二、使用步骤1.引入库2.读入数据总结前言提示:这里可以添加本文要记录的大概内容:例如:随着人工智能的不断发展,机器学习这门技术也越来越重要,很多人都开启了学习机器学习,本文就介绍了机器学习的基础内容。提示:以下是本篇文章正文内容,下面案例可供参考一、pandas是什么?示例:pandas 是基于NumPy 的一种工具,该工具是为了解决数据分析任务而创建的。二、使用步骤1.引入库代码如下(示例):import numpy as

2021-06-02 13:56:33 108

原创 VUE3-------路由缓存

VUE3-------路由缓存文章目录VUE3-------路由缓存问题一、vue3中路由的使用setup中使用route或者是router实例二、解决问题1.使用watch监听解决路由缓存问题1.技术实现:2.代码落地:2.使用key去解决路由缓存问题1.使用:找到路由出口 加一个key属性2.基础原理3.使用方法选择问题路由缓存问题:path不变的情况下 vue-router会选择就地复用组件 导致组件不会重新渲染 钩子函数不会再次执行 ajax请求不会再次发起提示:以下是本篇

2021-06-01 21:14:30 2476

原创 VUE3------懒加载(图片、组件)

VUE3------懒加载(图片、组件)提示:提高加载速度,优化性能。文章目录VUE3------懒加载(图片、组件)前言一、组件懒加载1.使用场景2.基础思路3.技术实现二、图片懒加载1.使用场景2.基础思路3.技术实现具体落地: 全局指令的形式三、避坑前言懒加载:图片懒加载、组件懒加载、路由懒加载等等............一、组件懒加载1.使用场景如果页面很长 位于第一屏之外的组件用户可能根本没有机会看到 这类组件没有必要一上来就加载数据2.基础思路监听组件是否已经

2021-06-01 20:48:39 927

原创 VUE3----- 组件封装

VUE3----- 组件封装提示:写完文章后,目录可以自动生成,如何生成可参考右边的帮助文档文章目录VUE3----- 组件封装前言一、骨架屏组件二、轮播图组件1.核心逻辑:2.封装思路:3. 小坑:三、面板组件四、更多组件例如:导航组件前言提示:在不使用组件库时,需要封装一些自定义的组件。像功能组件和样式组件之类的..........一、骨架屏组件一个纯UI组件 提供数据返回之前的占位,把 width/height/background 设计成props小坑: 当props作

2021-06-01 20:14:18 1403

原创 VUE3----- 吸顶

VUE3----- 吸顶引用插件:1. npm i @vueuse/core2. import { useWindowScroll } from '@vueuse/core'3. // xy响应式的 x代表横轴滚动距离 y纵轴滚动距离 const {x,y} = useWindowScroll()文章目录VUE3----- 吸顶一、吸顶交互监听滚动条事件一、吸顶交互监听滚动条事件监听滚动条,返回移动的高度// y表示具体顶部的滚动距离 会动态更新 cons

2021-06-01 19:33:28 547

原创 VUE3 ------入门(插件)

VUE3 ------入门(插件)推荐地址:https://vueuse.org/core/useWindowScroll/文章目录VUE3 ------入门(插件)前言一、less自动化导入1. 解决了什么问题?2.如何使用?3.避坑:二、重置样式与公用样式1.重置样式2. 公用样式三、吸顶插件1.vue3 组件及合常用链接2.吸顶插件四、VUEX持久化插件1. 安装`vuex-persistedstate` 插件2.vuex中准备`user模块`和`cart模块`3. 将插件配置到vuex的`plu

2021-05-15 21:51:37 302 1

原创 VUE3 ------入门(vuex和Axios)

VUE3 ------入门文章目录VUE3 ------入门前言一、如何实现vuex的持久化 ?二、在Axios封装中的那些事儿 ......1.实例化2.请求拦截器3.响应拦截器三. 怎么理解逻辑复用 ?前言一、如何实现vuex的持久化 ?不用插件成功获取token 一式两份 一份存入vuex 一份存入本地ls cookievuex中state初始化的时候 优先从本地取 state:{ token: getItem('token') || '' }使

2021-05-15 21:06:04 375

原创 VUE3 ------入门(变量)

VUE3 ------入门(变量) 1. 变化:- 性能提升 - 首次渲染更快 - diff算法更快 - 内存占用更少 - 打包体积变小- 更好的Typescript支持- Composition API **(重点)**破坏:1. 实例方法$on移除 (eventBus现有实现模式不再支持 可以使用三方插件替代)2. 过滤器filter移除 (插值表达式里不能再使用过滤器 可以使用methods替代)3. .sync语法移除 (和v-mode

2021-05-14 18:46:09 1334

原创 VUE3 ------入门(属性)

VUE3 ------- 变量一、vue 3 ----变化优化:1. 性能:- 首次渲染快- diff算法更快- 内存占用少- 打包体积小2. TypeScript 更支持3. 组合式API破坏性:1. eventBus,$on 实例化方法移除(可以使用插件)2.过滤器filter移除(差值表达式中不能使用)3. .sync语法移除(语法合并)**注意事项:** ![在这里插入图片描述](https://img-blog.csdnimg.cn/202105141742

2021-05-14 17:54:36 97

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除