Bar extiende Foo , quiero renderizar Bar con la plantilla Foo , pero no se muestra nada.

Foo.vue

 <template> <div>{{ val }}</div> </template> <script> export default { props: { val: {type: String, default: "foo"} } } </script>

bar.vue

 <script> import Foo from "./Foo.vue"; export default { extends: Foo, props: { val: {type: String, default: "bar"} }, } </script>