2016-11-09 26 views
0

私はいくつかの子テンプレートで.Vueを持っている:私は「ハロー」にアクセスしようとしているが、私はできませんtest.vueでアクセス親変数VueJS 2

<template> 
    <test></test> 
</template> 
... 
export default { 
    data() { 
    hello: ''; 
    } 
} 

。私は '小道具'を使用しようとしましたが、運はありません。この簡単な作業をどのように達成できますか?

答えて

0

これは実際には小道具では簡単です。 data関数の構文エラーのために動作しなかったのでしょうか?

parent.vue:

<template> 
    <test :my-prop="hello"></test> 
</template> 

<script> 
    export default { 
     data:() => ({ 
      hello: 'foobar' 
     }), 
     // ... 
    }; 
</script> 

test.vue:

<template>...</template> 

<script> 
    export default { 
     props: ['myProp'], 
     mounted() { 
      console.log(this.myProp); // foobar 
     } 
    }; 
</script> 
関連する問題