唯雪博客

拥有vue标签的文章

vue数组替换

        写代码就是一个不断踩坑的过程,从开始使用Vue就看到文档关于数组操作的注意事项。但是在实际过程中还是遇不少问题。最近一个业务需求,需要对数组渲染列表进行重新排序,再次好好回顾了一下Vue数组替换这一块的内容。        
阅读全文

vue+axios-mock-adapter+mockjs实现前端脱离后台开发

之前尝试了各种方式模拟接口数据实现前后端分离开发,都不是很理想。 最近发现一个神器,mockjs,这是一个生成随机数据,拦截 Ajax 请求的前端工具,其强大在于,除了能模拟string,number,object等常用对象外,还能模拟图片,颜色等特殊元素。非常好用,下面让我们来研究一下具体怎么使用
阅读全文

异步更新队列Vue.$nextTick 解决dom未渲染完毕,数据已更新带来的问题

最近遇到一个项目,需要循环渲染同一种echarts图表,根据数据动态更新图表。渲染完成后切换条件,再次刷新视图 如下图的结构:为了提高复用性,我封装了一个组件,根据数组循环调用,渲染没有问题但是切换的时候单击会报错,双击才能正常切换。虽然对使用影响不大,但是体验太差,应该没有哪个用户受的了因为使用echart绘制图表,必须要有一个已挂载在dom树上的父容器进行初始化。这里是组件循环调用,
阅读全文

vue.js入门小结

Vue.js是当下很火的一个JavaScript MVVM库,它是以数据驱动和组件化的思想构建的。相比于Angular.js,Vue.js提供了更加简洁、更易于理解的API,使得我们能够快速地上手并使用Vue.js。 如果你之前已经习惯了用jQuery操作DOM,学习Vue.js时请先抛开手动操作DOM的思维,因为Vue.js是数据驱动的,你无需手动操作DOM。它通过一些特殊的HTML语法,将DOM和数据绑定起来。一旦你创建了绑定,DOM将和数据保持同步,每当变更了数据,DOM也会相应地更新。
阅读全文

vue生命周期探究(二)

上一章我们介绍了vue的组件生命周期和路由勾子,这一章,让我们来看看在vue-cli项目中,各个勾子的顺序是如何的吧。主要聚焦在页面加载的这条时间线。
阅读全文

vue生命周期探究(一)

在使用vue开发的过程中,我们经常会接触到生命周期的问题。那么你知道,一个标准的工程项目中,会有多少个生命周期勾子吗?让我们来一起来盘点一下:
阅读全文
首页 1 末页 共 6 条记录