小程序笔记之隔离选项、数据监听器、纯数据字段

一、修改组件的样式隔离选项

默认情况下，自定义组件的样式隔离特性能够防止组件内外样式互相干扰的问题。但有时，我们希望在外界能
够控制组件内部的样式，此时，可以通过 styleIsolation 修改组件的样式隔离选项，用法如下：

//在组件的 .js 文件中新增如下配置
Component({
   
	options:({
   
		styleIsolation:'isolated'
	})
})

//或在组件的 .json 文件中新增如下配置
{
   
	"styleIsolation":"isolated"
}

styleIsolation 的可选值
可选值 -------默认值------描述

1. isolated 是 表示启用样式隔离，在自定义组件内外，使用 class 指定的样式将不会相互影响
2. apply-shared 否 表示页面 wxss 样式将影响到自定义组件，但自定义组件 wxss 中指定的样式不会影响页面
3. shared 否 表示页面 wxss 样式将影响到自定义组件，自定义组件 wxss 中指定的样式也会影响页面和其 他设置了apply-shared 或 shared 的自定义组件

二、数据监听器

数据监听器用于监听和响应任何属性和数据字段的变化，从而执行特定的操作。它的作用类似于 vue 中的watch 侦听器。在小程序组件中，数据监听器的基本语法格式如下：

Component(