分类：deep

2020
10-30

vue2.0 watch里面的 deep和immediate用法说明

deep，默认值是false，代表是否深度监听。immediate:true代表如果在wacth里声明了之后，就会立即先去执行里面的handler方法，如果为false就跟我们以前的效果一样，不会在绑定的时候就执行。computed:{btnObj(){const{sign_img,check}=thisreturn{sign_img,check}}},watch:{btnObj:{handler:function(newVal,oldVal){if(!!this.sign_img&&this.check){this.submit_flag=truethis.sign_flag=... 继续阅读 >

2020
10-08

Vue scoped及deep使用方法解析

众所周知，在组件中给style标签添加属性scoped属性可以避免组件内样式对外界造成污染，scoped使得组件内的样式变成局域样式，只作用于当前组件。原理如下-------在编译组件的时候，如果当前组件内style标签上有scoped属性，那么会在当前所有标签上添加一个【data-v-hash】属性，而当前样式表内的所有末尾选择器后面也会加上该属性，那么就使得当前组件内的样式只会作用于当前组件内的元素。值得注意的是,当父组件，子组件同时使... 继续阅读 >