- 博客(11)
- 收藏
- 关注
RSS订阅原创 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
539
2
原创 关于SKU
关于SKUsku 指的是会影响商品价格和库存的属性 比如说手机 容量 颜色 产地有效sku 所有的规格都选中 才能构成一条有效的sku数据 将来这个数据 会生成一个skuId{ skuId: 10001, spec:{color:red,size:big}}组件当你选择的是有效的sku时产出一条完整的sku对象信息,否则会产出空对象...
2021-06-02 14:05:38
183
原创 上 拉 加 载
上拉加载文章目录上拉加载前言一、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
2480
原创 VUE3------懒加载（图片、组件）
VUE3------懒加载（图片、组件）提示：提高加载速度，优化性能。文章目录VUE3------懒加载（图片、组件）前言一、组件懒加载1.使用场景2.基础思路3.技术实现二、图片懒加载1.使用场景2.基础思路3.技术实现具体落地: 全局指令的形式三、避坑前言懒加载：图片懒加载、组件懒加载、路由懒加载等等............一、组件懒加载1.使用场景如果页面很长 位于第一屏之外的组件用户可能根本没有机会看到 这类组件没有必要一上来就加载数据2.基础思路监听组件是否已经
2021-06-01 20:48:39
928
原创 VUE3----- 组件封装
VUE3----- 组件封装提示：写完文章后，目录可以自动生成，如何生成可参考右边的帮助文档文章目录VUE3----- 组件封装前言一、骨架屏组件二、轮播图组件1.核心逻辑:2.封装思路:3. 小坑:三、面板组件四、更多组件例如：导航组件前言提示：在不使用组件库时，需要封装一些自定义的组件。像功能组件和样式组件之类的..........一、骨架屏组件一个纯UI组件 提供数据返回之前的占位，把 width/height/background 设计成props小坑: 当props作
2021-06-01 20:14:18
1405
原创 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
548
原创 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
376
原创 VUE3 ------入门(变量)
VUE3 ------入门(变量) 1. 变化：- 性能提升 - 首次渲染更快 - diff算法更快 - 内存占用更少 - 打包体积变小- 更好的Typescript支持- Composition API **（重点）**破坏：1. 实例方法$on移除 （eventBus现有实现模式不再支持 可以使用三方插件替代）2. 过滤器filter移除 （插值表达式里不能再使用过滤器 可以使用methods替代）3. .sync语法移除 （和v-mode
2021-05-14 18:46:09
1336
原创 VUE3 ------入门(属性)
VUE3 ------- 变量一、vue 3 ----变化优化：1. 性能：- 首次渲染快- diff算法更快- 内存占用少- 打包体积小2. TypeScript 更支持3. 组合式API破坏性：1. eventBus，$on 实例化方法移除（可以使用插件）2.过滤器filter移除（差值表达式中不能使用）3. .sync语法移除（语法合并）**注意事项：** 
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人