摘要: 由于 JavaScript 的限制,Vue 不能检测数组和对象的变化。 vue-监听数组变化 Vue.js观察数组变化主要通过以下7个方法(push、pop、shift、unshift、splice、sort、reverse) 参考这篇文章: https://cn.vuejs.org/v2/guid 阅读全文
posted @ 2022-03-26 23:32 紫色云 阅读(261) 评论(0) 推荐(0)
摘要: v-if 与 v-show 的区别 v-if是根据后面数据的真假值判断直接从Dom树上删除或重建元素节点。 v-show只是在修改元素的css样式,也就是display的属性值,元素始终在Dom树上。 template元素不支持v-show指令,即v-show="false"对template元素来 阅读全文
posted @ 2022-03-25 22:01 紫色云 阅读(65) 评论(0) 推荐(0)
摘要: Vue 的父组件和子组件生命周期钩子执行顺序是什么 加载渲染过程父beforeCreate->父created->父beforeMount->子beforeCreate->子created->子beforeMount->子mounted->父mounted 子组件更新过程父beforeUpdate- 阅读全文
posted @ 2022-03-25 00:35 紫色云 阅读(42) 评论(0) 推荐(0)
摘要: 方法一:position定位(适用于子盒子有宽度和高度的时候) 方法二:子元素绝对定位,距离顶部 50%,左边50%,然后使用css3 transform:translate(-50%; -50%)(子盒子有或没有宽高的时候都适用) 方法三:flex布局(子盒子有或没有宽高的时候都适用) 方法一的代 阅读全文
posted @ 2022-03-23 23:23 紫色云 阅读(34) 评论(0) 推荐(0)
摘要: 浅拷贝:相当于使两个数组指针指向相同的地址,任一个数组元素发生改变,影响另一个。 深拷贝:两数组指针指向不同的地址,数组元素发生改变时不会相互影响。 示例: var arr01 = ['A', 'B', 'C', 'D']; var arr02 = []; // 浅拷贝 arr02 = arr01; 阅读全文
posted @ 2022-03-20 23:48 紫色云 阅读(82) 评论(0) 推荐(0)