![](https://img-blog.csdnimg.cn/20201014180756916.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
文章平均质量分 68
vernin
这个作者很懒,什么都没留下…
展开
-
前端实现分页效果
前端分页?后端做得了的事,我前端也要做。后端做不了的事,我前端更要做。原创 2022-09-09 23:06:04 · 16692 阅读 · 8 评论 -
使用Vue3+TS 封装当前时间的hook
没什么话想说的,show code!(其实很烂)代码冗余也懒得改了…原创 2022-08-12 16:25:29 · 563 阅读 · 2 评论 -
Vue3 Pinia ts Todo-List案例
Vue3出了蛮久的了,但是最近好像很特别。因为刚出的好像没有太多人用,现在就不一样了,Vue官网也宣布Vue3已经成为默认版本。随着Vue的火热、Vue3的生态圈也越来越nice了。一推东西也层出不穷,如vite、pinia等等。...原创 2022-07-24 21:45:21 · 507 阅读 · 0 评论 -
Vue3生命周期钩子
常用的生命钩子名称执行时间setup组件初始化onBeforeMount组件被挂载之前onMounted组件挂载完成后onBeforeUpdate响应式状态改变而要更新 DOM 树之前onUpdated响应性状态改变而更新了 DOM 树后onBeforeUnmount组件卸载前onUnmounted组件卸载后<KeepAlive>生命钩子当使用<KeepAlive>缓存组件时,被缓存的组件不会被频繁的销毁原创 2022-05-03 21:33:46 · 760 阅读 · 0 评论 -
聊一聊Vue3.2中setup语法糖+volar
前言现在,Vue3已经成为默认版本了。Vue3与Vue2相比较,变化还是比较大的。由原来的的组合式API变为选项式API。所以代码风格变化也是比较大的。为什么会有选项式API?我个人觉得very good!。要使用Vue3,那必须得会setup,因为setup是组合式API表演的舞台。而Vue3.2之后官方就退出setup语法糖,使我们在写代码的时候更爽!!!安装volar如果你的VScode之前安装有vuter插件,请先把他禁用或者卸载掉,然后安装volar。因为,vuter插件是针对Vue2的,原创 2022-04-10 14:34:06 · 3177 阅读 · 0 评论 -
一文搞懂组件 Vue component (上篇)
前言 vue作为前端目前三大主流框架之一,在前端中也是占有重要的地位。特别是在国内,现在想要找一份前端的工作,那么学会vue,将你的不二之选。 vue目前为什么这么重要呢?因为vue的作者是中国人。那当然不是啦~ 最最最最重要的原因是它有很多优点:双向数据绑定组件化单页面应用用户体验好简单易学…… 好了,现在知到vue.js的优点就是简单易学,那接下来我们就一起来学习学习它的组件化开发 --> component什么是组件 我们来看看官网的介绍,他说是可复用的 Vue原创 2021-12-26 14:47:54 · 1654 阅读 · 0 评论 -
Vue实现购物车
开发需求 使用vue实现购物商场中的购物车内容,添加、减少会自动机计算总金额,并显示当前总金额。删除商品则将改商品移除购物车列表,并且自动计算购物车列表的总金额。实现原理 这里没有api数据接口,我们这里创建一个数组,数组中的每一项是一个对象,每一个对象包含着每一本的信息(名称、价格等)。表头写死,表中的每一个行用v-for遍历数组数据,v-for遍历数组中有多少个对象(多少本书)将自动创建多少个标签(行)。然后将数据绑定到对应的列中就完成大致的布局了。 在图书价格列中,因为我们在原来的原创 2021-10-26 14:24:03 · 2733 阅读 · 0 评论