vue
小静是菜鸡
这个作者很懒,什么都没留下…
展开
-
VUE keep-alive相关
有时候我们不希望组件被重新渲染影响使用体验;或者处于性能考虑,避免多次重复渲染降低性能。而是希望组件可以缓存下来,维持当前的状态。这时候就可以用到keep-alive组件。它是Vue的内置组件,能在组件切换过程中将状态保留在内存中,防止重复渲染DOM。 包裹动态组件时,会缓存不活动的组件实例,而不是销毁它们。和 相似, 是一个抽象组件:它自身不会渲染一个 DOM 元素,也不会出现在父组件链中。官网解释: 包裹动态组件时,会缓存不活动的组件实例,而不是销毁它们。和 相似, 是一个抽象组件:它自身不原创 2020-07-17 20:03:34 · 178 阅读 · 0 评论 -
vue 组件通信
vue最大的特点之一就是组件化,那么组件跟组件之间是如何通信的呢?常见的有三种通信:父传子子传父兄弟传值一、父传子1.创建子组件,在src/components/文件夹下新建一个Child.vue2.Child.vue的中创建props,然后创建一个名为message的属性3.在App.vue中注册Child组件,并在template中加入child标签,标签中添加message属性并赋值或者利用v-bind进行绑定总结一下:1.子组件在props中创建一个属性,用以接收父组原创 2020-07-17 18:53:06 · 244 阅读 · 0 评论 -
vue项目 双层循环第二层获取不到第一层的下标如何解决
比如这个项目当中分类中的年级学科 通过请求后台接口获取到数据当点击年级中某个数据或学科中某个数据 需要将当前的下标及id传一下 并加上样式原效果图如下:如果 只是将id index 传过去 并在布局用 三元运算符 判断 加样式 并不会出现效果出现这种问题的原因是 用双层循环 第一层只能用第一层的下标 而第二层 就不会拿到第一层的下标 解决此问题的方法可以 利用深拷贝 object.assign()说到深拷贝 肯定涉及到浅拷贝 那么他们两个有什么区别呢?深拷贝深拷贝复制变量值,对于非.原创 2020-07-17 11:20:44 · 2303 阅读 · 1 评论