vue
涵。
这个作者很懒,什么都没留下…
展开
-
vue3进阶api使用
只有当所需功能只能通过直接的DOM操作来实现时,才应该使用自定义指令})原创 2022-09-19 15:08:19 · 413 阅读 · 0 评论 -
Vue3项目开发
代码】Vue3项目开发。原创 2022-07-18 17:46:13 · 234 阅读 · 0 评论 -
使用vue3路由传递对象参数
【代码】使用vue3路由传递对象参数。原创 2022-10-12 14:31:29 · 2170 阅读 · 0 评论 -
Vue3中事件总线的使用
在其他文件中通过instance实例引用。其他注入方法使用inject。在main.js文件中配置。需要安装mitt模块。原创 2022-07-21 15:14:39 · 487 阅读 · 0 评论 -
vue3中使用router进行路由跳转
2)使用useRouter。原创 2022-07-20 15:52:40 · 2544 阅读 · 0 评论 -
vue3数据传递问题
简直是惊喜,因为总以为深拷贝只是个面试题,没想到还真有用,理论果然还是要加强,嘻嘻。想将获取到的数据数组传递到vuex中。也会发生变化,所以这里用到了深拷贝。传递,当我修改vuex中的。...原创 2022-07-26 16:43:29 · 212 阅读 · 0 评论 -
vue3对数据进行类型验证
代码】vue3对数据进行类型验证。原创 2022-08-02 14:58:31 · 661 阅读 · 0 评论 -
Vue3学习
应用场景比如对reactive用扩展运算符展开的属性是不具有响应式的,因此要使用toRefs。,可以监视一个或多个响应式数据,一旦数据发送变化,就自动执行监视回调,通过配置。立即执行传入的函数,同时响应式追踪其依赖,并在其依赖变更时重新运行该函数。或者接收一个具有get和set的对象,用来创建可写的ref。初始时不执行回调,如果需要执行需配置。ref还可以用于获取元素。......原创 2022-07-14 22:14:08 · 237 阅读 · 0 评论 -
Vue3使用js给元素添加动画(网易云音乐播放底部栏旋转图片实现)
用vue3实现网易云的时候,碰到这个问题,使用ref获取元素,但是在setup中通过ref来获取元素然后配置属性好像没用,看到别人用的reactive做的,不知道原理是为什么,但是有效果。原创 2022-07-25 09:56:05 · 344 阅读 · 0 评论 -
Vue2开发购物街项目总结
1 vuex中state数据包含三层嵌套(a.b.c)报错在vue渲染机制中,异步数据先显示初始数据,在显示带数据的数据。因此只有当渲染完成,才加载异步数据解决办法:在上一层div加一个v-if判断(a.b)是否存在2 better-scroll从详情页返回时不能保持原有滚动位置使用keep-alive组件返回主页时直接返回顶部,但是我在activated里面已经写了滚动到之前滚动位置的函数。解决办法:在执行滚动前先refresh一下3 vue懒加载的实现这个直接用vue-lazyload实现原创 2022-03-31 15:20:56 · 755 阅读 · 0 评论 -
Vue3中获取vuex的state中数据
1)使用computed一个一个解析。(2)使用mapState全部解析。原创 2022-07-26 14:13:46 · 5061 阅读 · 0 评论 -
vue3实现点击复制文本
【代码】vue3实现点击复制文本。原创 2022-09-13 17:52:25 · 1006 阅读 · 0 评论 -
vue3移动端触底滚动+返回顶部实现
踩坑:body、html的高度不能设置为100%,不然监听scroll事件无法生效原创 2022-10-19 10:20:17 · 1259 阅读 · 0 评论 -
vue3项目开发:利用better-scroll实现横向滚动
做网易云推荐音乐时,它包含很多歌单,超出部分可以靠滑动显示,主要实现这个功能。原创 2022-07-21 11:09:50 · 1284 阅读 · 0 评论 -
vue源码学习
将html转化成AST语法树,然后根据AST语法树使用render函数生成虚拟DOM节点。原创 2022-11-11 13:53:53 · 398 阅读 · 0 评论 -
Toast模块的封装
注:对组件进行全局封装,省去每次都需要import和注册组件的麻烦1 Html//用于显示弹出提示信息<div v-show="isShow" class="Toast"> <div>{{message}}</div></div>2 jsexport default{ name:'Toast', data(){ return{ message:'', isShow:false } }, methods:{ sho原创 2022-03-28 09:04:30 · 286 阅读 · 0 评论 -
Vue学习-中级
1 Vue-Router(1)路由:决定数据包从来源到目的地的路径(2)转送:将输入端的数据转移到合适的输出端(3)路由表:本质上是一个映射表,决定了数据包的指向作者:iakul链接:https://www.zhihu.com/question/28725977/answer/42077482来源:知乎著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。前端渲染(SPA、单页面应用)浏览器中的大部分内容,都是由前端写的JS代码在浏览器中执行最终渲染出的网页SPA:整个网页原创 2022-03-06 22:39:40 · 338 阅读 · 0 评论 -
Vue学习-初级
1 变量声明(1)let(变量)(2)const(常量)注: vue实现了数据和界面分离2 vue对象(1)el属性:该属性决定了Vue对象管理哪一个元素(2)data属性:存储数据(3)methods:定义方法(4)取数组中的数据,用ul liv-for=“item in movies”其中movies为数组3 指令(1)v-on:事件绑定简写方式(也叫语法糖)为:@注:MVVM(model-view-viewmodel)指viewmodel自动接收view数据展示到model原创 2022-02-26 22:02:10 · 1846 阅读 · 0 评论