When I try to write SFC with <script setup> but without <template>, I get a warning in console [Vue warn] Component is missing template or render function.
Is there any workaround?
Add a comment
|
2 Answers
Vuejs dev answers, that one can use empty <template> in this case.
Comments
Obviously, you need a Template or render function. Since you don't want to use template, You can consider using render function.
Unfortunately, the render function doesn't seem to work with setup.
<script lang="ts">
export default defineComponent({
render() {
return h("div", {}, this.a);
}
});
</script>
<script lang="ts" setup>
import { defineComponent, ref, h } from "vue";
const a = ref(1);
</script>
<style scoped></style>
For more, you can see render-function(official doc) here.
3 Comments
Dmitriy Korobkov
I have several renderless components, so, its render functions are just
() => null
jeremyjone
@dmitriy-korobkov I have a question, if there is no render, why is it a component. If you must, try returning null in render function.
Dmitriy Korobkov
Renderless component is useful pattern in some cases. Now ought to returning
() => null as render function in old fashion style.