前端
文章平均质量分 80
前端
code喵喵
程序员,微信13360051663
展开
-
vue3详细介绍
ant-design-vue (opens new window)Ant Design Vue 2.0版本,社区根据蚂蚁 ant design 开发。element-plus (opens new window)基于 Vue 3.0 的桌面端组件库。现在主流组件库都已经发布了支持vue3.0的版本,其他生态也在不断地完善中,这是趋势。3、Suspense - 异步加载组件的loading界面。2、Teleport - 瞬移组件的位置。2、将原来的全局API转移到应用对象。3、 新的生命周期函数。原创 2023-09-03 23:02:02 · 513 阅读 · 3 评论 -
vue 中 this.nextTick()
nextTick() 可以在状态改变后立即使用,以等待 DOM 更新完成。你可以传递一个回调函数作为参数,或者 await 返回的 Promise。这样是为了确保每个组件无论发生多少状态改变,都仅执行一次更新。( 这种在缓冲时去除重复数据对于避免不必要的计算和 DOM 操作是非常重要的。Vue 实现响应式并不是数据发生变化之后 DOM 立即变化,而是按一定的策略进行 DOM 的更新。以下内容来自Vue官网。原创 2023-05-15 14:41:45 · 248 阅读 · 0 评论 -
CSS绝对定位、相对定位
在CSS中定位有以下4种:静态定位 - static- relative- absolute固定定位 - fixed。原创 2023-05-05 14:47:20 · 547 阅读 · 0 评论 -
css弹性布局
row-reverse:主轴方向为水平方向,起点在右端。row(默认):主轴方向为水平方向,起点在左端。column-reverse:主轴方向为垂直方向,起点在下边。wrap-reverse:换行,第一行在下方。space-between:两端对齐,中间元素间隔相等。flex-start(默认值):轴起点对齐。column:主轴方向为垂直方向,起点在上边。space-evenly:每个元素两侧的间隔相等。flex-end:轴终点对齐。flex-end:轴终点对齐。space-around:分散对齐。原创 2023-05-01 09:17:29 · 2789 阅读 · 0 评论 -
Vue生命周期
这里讲的el是真实的el。在这里跟vue图示有出入,vue图示中说明在beforeUpdate阶段,只有data中的数据改变,而试图的还未更新,视图中还是旧的数据,但在示例中,beforeUpdate钩子函数打印el可看出试图中的数据已更新。这个时候压力就来到了我这边,百思不得其姐之后,我突然想到 console.log(this.$refs.$el)这个输出代码,在给beforeUpdate中添加延时代码后我顿悟了,console.log(this.$refs.$el)输出的是数据完成更新时候的el。原创 2023-04-27 14:19:28 · 896 阅读 · 0 评论 -
Vuex详解
其中参数state参数是必须的,也可以自己传递一个参数,如下代码,进行计数器的加减操作,加法操作时可以根据所传递参数大小进行相加,减法操作没有传参每次减一。原创 2023-04-26 14:21:34 · 987 阅读 · 0 评论 -
vue路由
路由简介。原创 2023-04-25 13:59:06 · 591 阅读 · 0 评论 -
Vue组件通信
父组件通过props的方式向子组件传递数据,而通过$emit子组件可以向父$emitprops的特点:props只能是父组件向子组件进行传值,props使得父子组件之间形成一个单向的下行绑定。子组件的数据会随着父组件的更新而响应式更新;但是子组件无法引起父组件的数据更新。props可以显示定义一个或一个以上的数据,对于接收的数据,可以是各种数据类型,同样也可以是传递一个对象或函数。props属性名规则:若在props中使用驼峰形式,模板中标签需要使用短横线的形式来书写。原创 2023-04-07 14:57:05 · 628 阅读 · 0 评论 -
nvm安装使用
3、点击next 一直点击 完成安装;原创 2023-03-27 10:10:15 · 377 阅读 · 0 评论 -
尚品汇学习
面试题:v-show与v-if区别?5.1路由的一个分析 确定项目结构顺序:上中下 -----只有中间部分的V在发生变化,中间部分应该使用的是路由组件 2个非路由组件|四个路由组件 两个非路由组件:Header 、Footer 路由组件:Home、Search、Login(没有底部的Footer组件,带有二维码的)、Register(没有底部的Footer组件,带二维码的)非路由组件的结构的搭建: 前台项目的结构与样式不需要自己写的,老师准备好了 辉洪老师静态页面: 结构 + 样式 +图片资源。原创 2023-03-20 21:36:32 · 758 阅读 · 0 评论