小怪兽0214

2022年5月11日

vue生命周期

摘要: 随着对 vue 的不断了解,会越来越发现它生命周期的重要性,只有了解了它的生命周期,才能在开发项目的时候在逻辑上的很好的判断什么时候该发生什么事件,即很好的控制页面。 一、什么是 vue 生命周期Vue 实例从创建到销毁的过程,就是生命周期。也就是从开始创建、初始化数据、编译模板、挂载Dom→渲染、 阅读全文

posted @ 2022-05-11 17:09 小怪兽0214 阅读(83) 评论(0) 推荐(0) 编辑

vue组合api及store状态管理库

摘要: vue3合成API——setup() 作用:之前vue对象规定了我们必须把某一类数据放到某一个个结构,这样在一定程度上对我们的代码进行了强制的分离。在vue3中我们引入setup()合成API语法,它可以将某些数据关联的内容整合到一个部分,即使setup()中的内容越来越多,也会围绕着大而不乱的形式 阅读全文

posted @ 2022-05-11 15:37 小怪兽0214 阅读(474) 评论(0) 推荐(0) 编辑

动态路由的传参

摘要: 动态路由 定义:我们经常需要把某种模式匹配到的所有路由,全部映射到同个组件,例如,我们一个User组件,对于所有id个不同的用户,都需要这个组件来渲染 //动态路由设置 {path:'/user/:id/:name/:age',component:User} <router-link to="/us 阅读全文

posted @ 2022-05-11 15:35 小怪兽0214 阅读(534) 评论(0) 推荐(0) 编辑

实现网易云项目登录页面效果

摘要: 1.新建总页面views / Me.vue , Login.vue 2.在 router/ index.js中联系其 与 App.vue 3.在 topNav.vue 中给"我的"加点击连接,跳转到 Me 页面 topNav.vue中 <span class="navBtn" @click="$ro 阅读全文

posted @ 2022-05-11 15:32 小怪兽0214 阅读(493) 评论(0) 推荐(0) 编辑

实现网易云项目播放上一首,下一首切换功能

摘要: 1.先找上一曲和下一曲的按钮,给他添加单击事件 1,-1当前接收到的信息 <svg class="icon" aria-hidden="true" @click="goplay(-1)"> <use xlink:href="#icon-shangyishoushangyige"></use> </s 阅读全文

posted @ 2022-05-11 15:31 小怪兽0214 阅读(547) 评论(0) 推荐(0) 编辑

导航