![](https://img-blog.csdnimg.cn/20201014180756918.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Web前端
池墨墨
这个作者很懒,什么都没留下…
展开
-
Vue中methods、computed和watch的理解
1、methodsVue绑定的数据变化时,会重新渲染页面,每次渲染时,method均会被调用2、computedcomputed具有缓存功能,页面渲染时,如果被依赖的数据没有变化,则使用缓存的值。如果数据有变化,则重新计算获取新的值。因此,如果要渲染的数据由多种数据计算组合而成,优先使用computed,以减少性能开销。注意:不要在computed中对属性本身赋值,会无限递归导致出错3、...原创 2019-11-08 00:50:56 · 316 阅读 · 0 评论 -
CSS实现一个固定宽度另一个占满剩余空间的布局
在项目中经常碰到布局:一个父布局,一个或多个固定宽度,最后一个占满剩余空间。遇到这种需求,可以用弹性盒子来实现。布局如下:<div class="parent"> <div class="child1"></div> <div class="child2"></div> <div class="ch...原创 2019-11-07 21:51:29 · 6771 阅读 · 0 评论 -
Vue Router通过props传参
Vue Router通过props传参在Vue项目中,通过路由转跳至其他页面时,可能会携带一些相对复杂的参数,显然使用动态路径参数( /user/:username)或URL查询参数(/user?username=abc)都是不太方便的,因为这两种方式都只能传字符串。此时便可以启用路由props传参,也可达到解耦的目的。启用props后,可以通过以下两种方式进行传参。方式一如果只是传递...原创 2019-10-20 23:09:21 · 10564 阅读 · 2 评论 -
Vue中手动销毁DOM(组件)
Vue中手动销毁DOM(组件)在项目中,有时候需要手动销毁dom并重新创建dom,可以使用如下方法:HTML<template> <!-- 需要销毁的dom --> <div v-if="destroy"></div> <!-- 同普通的dom,组件也是一样 --> <componen...原创 2019-10-20 15:35:35 · 22421 阅读 · 1 评论