【更新中】微信小程序学习笔记_3

---

自定义组件

创建组件

不同组件应存放单独目录

---

引用组件

根据使用频率进行选择。

---

局部

// page.json
{
    
	"usingComponents": {
    
		"my-test": "/components/test/test"
	}
}
// wxml
<my-test></my-test>

---

全局

// app.json

---

组件VS页面

---

组件样式

• 隔离性
  隔离性仅作用于class选择器，此时组件使用app.wxss样式无效

应在组件/组件应用页面使用class选择器，不要使用id/属性/标签选择器！

---

修改隔离选项

// component.js
Component({
    
	options: {
    
		"styleIsolation": 'isolated'
	}
})

// OR component.json
{
    
	"styleIsolation": "isolated"
}

---

sytleIsolation可选值

---

啦啦啦