前端杂项小记

js模块

1. 数组对象根据元素的某个属性查找元素方法有：find和filter

但二者区别是find找到该元素后可以直接修改元素的属性，但是filter不可以

2. .sync修饰符

类似于双向绑定，也就是父组件传到子组件的值，在子组件内就可以修改。

注意：update:变量名 中间一定不要有空格

// 父组件
<father>
    <Child :drawerVisible.sync="drawerVisible"></Child>
</father>

// 子组件
<button @click="change"></button>

methods: {
    change(){
        this.$emit('update:drawerVisible', false)
    }
}

CSS模块

1. 不同屏幕分辨率设置不同的样式

@media screen and (max-width: 1872px){
    .item{
        width: 100px;
        height:100px
    }
}