File tree Expand file tree Collapse file tree 1 file changed +28
-0
lines changed Expand file tree Collapse file tree 1 file changed +28
-0
lines changed Original file line number Diff line number Diff line change @@ -88,6 +88,28 @@ render() {
88
88
}
89
89
```
90
90
91
+ ### Slots
92
+
93
+ named slots:
94
+
95
+ ``` jsx
96
+ < MyComponent>
97
+ < header slot= " header" > header< / header>
98
+ < footer slot= " footer" > footer< / footer>
99
+ < / MyComponent>
100
+ ```
101
+
102
+ scoped slots:
103
+
104
+ ``` jsx
105
+ const scopedSlots = {
106
+ header : () => < header> header< / header> ,
107
+ footer : () => < footer> footer< / footer>
108
+ }
109
+
110
+ < MyComponent scopedSlots= {scopedSlots} / >
111
+ ```
112
+
91
113
### Directives
92
114
93
115
``` jsx
@@ -112,6 +134,12 @@ with an argument and modifiers:
112
134
< input vOn: click_stop_prevent= " newTodoText" / >
113
135
```
114
136
137
+ v-html:
138
+
139
+ ``` jsx
140
+ < p domPropsInnerHTML= {html} / >
141
+ ```
142
+
115
143
### Functional Components
116
144
117
145
Transpiles arrow functions that return JSX into functional components, when they are either default exports:
You can’t perform that action at this time.
0 commit comments