![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
MATLAb1234000
这个作者很懒,什么都没留下…
展开
-
ref和reactive
vue3的ref,reactive及toRefs()原创 2024-04-09 22:50:06 · 216 阅读 · 0 评论 -
vue v-for循环中不要使用index作为:key值
内部原理v-for循环时会先在缓存中判断当前的key对应的这一项是否在缓存中:是的话,会直接取出来,更新数据否则,重新在缓存中创建基于当前key的数据,然后渲染到页面使用下标例:循环一个数组,完成之后,在给数组unshift一个元素,会导致新插入的这个元素直接去匹配缓存中index为0的那一项,而不会重新去创建即index已经不是第一次渲染的元素了,映射关系已经改变使用唯一值,如id例:循环一个数组,完成之后,在给数组unshift一个元素,由于新的id和缓存中的不匹配,他还是会去原创 2021-11-11 11:18:49 · 2071 阅读 · 0 评论 -
vue过渡动画和使用animate.css
通过transition标签包裹实现一个transition中只能放一个过渡元素(多个过渡元素只有第一个生效)让进入页面就执行过渡效果,给transition标签添加appear属性1.过渡的类名单一过渡实现<button v-on:click = "show = !show">点我</button><transition appear> <p v-show = "show">菜鸟教程 -- 学的不仅是技术,更是梦想!!!</p&g原创 2021-11-11 10:52:12 · 995 阅读 · 0 评论 -
基于vue搭建的B/S架构的后台
前言本项目使用了vue2.0实现前端,node + mysql完成后端。项目简介本项目前后端分离,前端基于Vue2.0+Vue-router+Vuex+Element-ui+Axios,后端基于Node.js+Mysql实现。前端包含以下页面:登录、用户列表、角色列表、权限列表、商品列表、分类参数、订单列表、统计图表页面。实现了商品的展示、商品分类查询、关键字搜索商品、商品详细信息展示、登录、用户订单。后端采取了MVC模式,根据前端需要的数据分模块设计了相应的接口、控制层、数据持久层。技术栈原创 2021-11-02 21:39:38 · 2711 阅读 · 0 评论 -
vue自定义指令(全局指令)实现防抖和节流
防抖:后一次顶掉前一次,并且重新计时Vue.directive('debounce', { inserted: (el, binding) => { let [fn, event = 'click', time = '1000'] = binding.value let timer el.addEventListener(event, () => { timer && clearTimeout(timer) tim.原创 2021-11-01 16:58:10 · 302 阅读 · 0 评论