Javascript 导入vue.js组件

我需要将包含数据的组件导入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
          }
        }
      }
    }
  }

---

我在组件代码（components/xxx.vue）中使用了

props

并对其进行了解析。

我在组件代码（components/xxx.vue）中使用了

props

并对其进行了解析。

这应该是可行的

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>

这应该行得通

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>

是否希望嵌套组件具有自己的

数据

属性？只需将

数据

与

道具

、

模板

等放在一起。首先，基本问题是，您是否使用Webpack对应用程序进行预处理？因为我看不到您的组件有任何不正确的地方。您想让嵌套组件拥有自己的

数据

属性吗？只需将

数据

与

道具

、

模板

等放在一起。首先，基本问题是，您是否使用Webpack对应用程序进行预处理？因为我看不出你的组件有任何不正确的地方。