[updating] wechat applet learning notes_ three

【 Updating 】 Wechat app learning notes _3

---

Custom components

Create components

Different components should be stored in separate directories

---

Refer to the component

Choose according to the frequency of use .

---

Local

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

---

overall situation

// app.json

---

Components VS page

---

Component style

• Isolation,
  Isolation only works on class Selectors , At this time, the component uses app.wxss Invalid style

Should be in the component / The component application page uses class Selectors , Do not use id/ attribute / tag chooser ！

---

Modify isolation options

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

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

---

sytleIsolation Optional value

---

La la la