小编gsh*_*awm的帖子

我对 VueJS 还很陌生，我很难让子组件正常工作。

所以首先，我在“视图”中有一些代码，我意识到我想多次使用，所以我开始将该代码分解为一个单独的组件，但我遇到了这个问题：

[Vue 警告]：属性或方法"<feedbackCallback|stateCallback|submitCallback>"未在实例上定义，但在渲染期间被引用。确保在数据选项中声明反应数据属性。

我的设置如下：

• Vue 2.4.2
• 网络包 3.5.5
• Bootstrap-Vue 1.0.0
• Vue-Router 2.7.0
• 我也在使用单文件组件

我将调用“视图”ViewA 的文件和“组件”“CompA”的文件

删除了不会进入单独组件的部分的 ViewA：

<template>
  [...]
  <b-form @submit="submitCallback">
    <b-form-group
      id="groupID"
      description=""
      label="Set Thing Here" :feedback="feedbackCallback"
      :state="stateCallback">
      <b-form-input
        id="inputID" :state="stateCallback"
        v-model.trim="thing">
      </b-form-input>
    </b-form/group>

    <b-button type="submit" variant="primary">Submit</b-button>
  </b-form>
  [...]
</template>

<script>
export default {
  [...]
  data () {
    return {
      thing: '',
      [...]
    }
  },
  computed: {
    stateCallback () {
      return 'invalid'
    },
    feedbackCallback () {
      return 'Please enter a valid thing'
    }
  }, …