親のコンポーネントにテキストを記載しそのテキストを子のコンポーネントに値を渡したいだけなのですがなぜかうまくいきません。。。
親 Parent.vue
<template> <div> <child label="テキスト" /> </div> </template> <script lang="ts"> import { Context } from '@nuxt/types' import { Component, Vue } from 'vue-property-decorator' import Child from '~/components/Child .vue' @Component({ components: { Child } }) export default class Parent extends Vue { } </script> <style scoped> </style>
子 Child.vue
<template> <div class="tit_wrap"> <p class="tit">{{ label }}</p> </div> </template> <script lang="ts"> import { Vue, Component, Prop } from 'vue-property-decorator' @Component export default class Child extends Vue { @Prop({type: String, required:true}) label:string; } </script> <style scoped> </style>
となっているのですが原因がわからず・・・
回答1件
あなたの回答
tips
プレビュー