Skip to content

Commit 1c87153

Browse files
committed
feat: add render example
1 parent 35c2f7b commit 1c87153

File tree

2 files changed

+18
-3
lines changed

2 files changed

+18
-3
lines changed

src/components/RenderExample.vue

+13
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,13 @@
1+
<script>
2+
export default {
3+
render(createElement) {
4+
return createElement(
5+
"div",
6+
{ class: { button: true } },
7+
this.$slots.default
8+
);
9+
}
10+
};
11+
</script>
12+
13+
<style></style>

src/views/Home.vue

+5-3
Original file line numberDiff line numberDiff line change
@@ -1,18 +1,20 @@
11
<template>
22
<div class="home">
33
<img alt="Vue logo" src="../assets/logo.png" />
4-
<MultipleElements />
4+
<RenderExample>
5+
<h1>Render Title</h1>
6+
</RenderExample>
57
</div>
68
</template>
79

810
<script>
911
// @ is an alias to /src
10-
import MultipleElements from "@/components/MultipleElements.vue";
12+
import RenderExample from "@/components/RenderExample.vue";
1113
1214
export default {
1315
name: "Home",
1416
components: {
15-
MultipleElements
17+
RenderExample
1618
}
1719
};
1820
</script>

0 commit comments

Comments
 (0)