vue.jsコンポーネントをインポート

Question

vue.jsアプリケーションにデータをインポートするコンポーネントが必要です。

コンポーネントの登録が可能ですが、このコードを使用しました。

正しいコード：

export default { 
    name: 'hello', 
    data() { 
     return { 
     msg: 'Welcome to Your Vue.js App' 
     } 
    }, 
    components: { 
     'test': { 
     template: '<div>msg: {{message}}</div>', 
     props: { 
      message: { 
      type: String, 
      required: true 
      } 
     } 
     } 
    } 
    } 

しかし、どのように、私はデータをローカル登録できますか？

正しくない：

import Test from './components/Test.vue'; 

export default { 
    name: 'hello', 
    data() { 
     return { 
     msg: 'Welcome to Your Vue.js App' 
     } 
    }, 
    components: { 
     'test': { 
     template: Test, 
     props: { 
      message: { 
      type: String, 
      required: true 
      } 
     } 
     } 
    } 
    } 

Answer 1

I成分コード（コンポーネント/ xxx.vue）でpropsを使用し、それを解決しました。

Answer 2

これは

import Test from './components/Test.vue'; 

export default { 
    name: 'hello', 
    data() { 
     return { 
     msg: 'Welcome to Your Vue.js App' 
     } 
    }, 
    components: { 
     Test 
    } 
    } 

を動作するはずですそして、あなたは小道具に

<template> 
<Test :message=msg></Test> 
</template>