File tree 1 file changed +34
-0
lines changed 1 file changed +34
-0
lines changed Original file line number Diff line number Diff line change @@ -88,6 +88,34 @@ render() {
88
88
}
89
89
```
90
90
91
+ ### Slots
92
+
93
+ named slots:
94
+
95
+ ``` jsx
96
+ render () {
97
+ return (
98
+ < MyComponent>
99
+ < header slot= " header" > header< / header>
100
+ < footer slot= " footer" > footer< / footer>
101
+ < / MyComponent>
102
+ )
103
+ }
104
+ ```
105
+
106
+ scoped slots:
107
+
108
+ ``` jsx
109
+ render () {
110
+ const scopedSlots = {
111
+ header : () => < header> header< / header> ,
112
+ footer : () => < footer> footer< / footer>
113
+ }
114
+
115
+ return < MyComponent scopedSlots= {scopedSlots} / >
116
+ }
117
+ ```
118
+
91
119
### Directives
92
120
93
121
``` jsx
@@ -112,6 +140,12 @@ with an argument and modifiers:
112
140
< input vOn: click_stop_prevent= " newTodoText" / >
113
141
```
114
142
143
+ v-html:
144
+
145
+ ``` jsx
146
+ < p domPropsInnerHTML= {html} / >
147
+ ```
148
+
115
149
### Functional Components
116
150
117
151
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