摘要：
运行结果如下： 总结：真正的vue是会处理得到虚拟dom再去render生成dom的，并且实例中维护的数据都是具有setter,getter属性以及watch监察者的，以此达到响应式，这里只是简单的模拟实现一下。 阅读全文
摘要：
对于v-for列表渲染指令，项目中很常用的额，但是我们一般可能在从后端接口拿到数据的时候就把数据通过循环整理改造成自己想要的样子了。有时候可能对于不同的列表需求，还要在data里多造一份数据。 这种做法是非常累赘的。最好的方式是在v-for循环的时候对数据进行操作，从而可以做到维护源数据不变。 第一 阅读全文
摘要：
首先说说什么是数组：数组在类型划分上归为Object,属于比较特殊的对象，数组的索引值类似于对象的key值。 数组的几个注意点： 1.数组的长度是可读属性，不可更改，数组的长度根据索引最大值。 2.数组的索引值可以是字符串等，但这个不影响数组的长度。 3.数组根据下标最大值，会自动补齐对应的其他索引 阅读全文
摘要：
promise是用来解决Js中的异步问题的，js中所有的异步可从callback → promise → generator + co = async + await 其实所有的都是callback的变相处理，只是后者慢慢变的越来越优雅和强壮可扩展。 那么如何实现promise呢？先观察一下prom 阅读全文
摘要：
上次介绍了下写的登录弹框插件，过了几天发现点击去注册或者改密码的跳转失效。报错this.$router.push is not a function,继续打印this.$router也是undefined （可以先看一下上一篇博客提到的弹框登录插件） 尝试了很久，试了三种方法。 需要注意的是：登录弹 阅读全文
摘要：
日常的路由跳转，基本都会用到传参，有两种方式：path + query, name + params 常用的写法： this.$router.push({ path: 'proDetail',query:{id:query.id,from:this.menuName,fromPath:'proLis 阅读全文
摘要：
项目中一般都会有fun.js这类的文件，里面有各种的如转换时间格式的，处理转换的等等函数方法。 其实经常用到的去获取基本数据的接口也可以封装成一个方法，方便复用。 如上面所标，获取列表数据之前需要先获取维护的规格选项以及对应的选项值的id集合来进行转换。而且用到这一块的地方还有很多，如商品列表，我的 阅读全文
摘要：
第一步：对象属性赋值为函数，对象内部函数控制年龄这一参数变化，同时成长事件也执行。 继续思考：成长事件只能接受一个函数，那么如果是多个函数呢？韩信要打仗，要建功立业的呀。可以很快的想到growEvent换成数组来接受多个函数。 那么，growEvent就要靠Push进数组了，而不是粗暴的赋值了。成长 阅读全文
摘要：
起于昨晚大半夜在群里看到有人问这个问题，在子组件的data属性里重新赋值props属性 this.a = this.propA，不生效！ 提示了他如果是异步的话，就要注意watch.决定今日敲个demo分析一下过程。 官方文中中其实有提到，用计算属性。父组件值传入子组件，一个单向数据流，如果是重新把 阅读全文
摘要：
用的是vue-awesome-swiper 在vue项目中,参数方法与swiper一致。使用场景如下： 左侧小图一共八张，默认显示的是三张，始终保持activeimg在中间，提升用户体验度。swiper容易就是为三张图片的高度。 在官方文档实例中，居中如下。 这样的话，第一张图片也是居中的，它的上面 阅读全文