vuejsで開発をしています。
基本的なところからわからないので質問いたします。
親から子へ文字列データが渡りません。
呼び出し元属性名のキャメルケースなどに影響が内容fooなどの文字にしても認識されません。
データではなく、リテラル文字列を渡したいです。
"aaaaaaaaaaaaaaaaaaa"という文字列を子のほうで扱いたいです。
propのデフォルト値'Office'はコンソールに出力されるので子供の単一コンポーネント側については
そこまでの誤りがないと思うのですが、なにかわかる方は教えていただけないでしょうか。
HTML
1// 呼び出し元 抜粋 2<div id="app" > 3 <file-upload foo="aaaaaaaaaaaaaaaaaaa"></file-upload> 4</div> 5<script src="/js/app.js"></script>
javascript
1// app.js 抜粋 2import fileApp from './components/FileUpload.vue'; 3 4let app = new Vue({ 5render(h){ 6 return h(fileApp); 7 } 8}).$mount('#app'); 9
vuejs
1 2// 抜粋 3<template> 4 <div class="container"> 5 <span>{{ foo }}</span> 6 </div> 7</template> 8 9<script> 10// 抜粋 11export default { 12 mounted() { 13 console.log(this.foo); 14 }, 15 props: { 16 foo : { 17 type: String, 18 default: 'Office' 19 } 20 } 21 } 22</script> 23
※申し訳ありませんが、公式ドキュメント見ろFAのみの回答はご遠慮ください。
回答3件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。