属性或方法 (...) 未在实例上定义，但在渲染期间被引用

Question

"属性或方法 "show" 未在实例上定义，但 在渲染期间引用。确保此属性是反应性的， 无论是在数据选项中，还是对于基于类的组件，通过 初始化属性”

这是我的代码。

<script>
import { SlideYUpTransition } from 'vue2-transitions'

export default {
  data: () => ({
    listitems: [{
        title: '출결관리',
        path: '/attendanceCheck'
      },
      {
        title: '학생관리',
        path: '/studentAdministration'
      },
      {
        title: '알림설정',
        path: '/notificationSetting'
      }
    ],
    components: {
      SlideYUpTransition
    },
    data() {
      return {
        show: true
      }
    }
  })
}
</script>

<style>

/*-- Contents --*/
/* .content {
  width: 580px;
  padding: 20px;
  margin-bottom: 20px;
  float: left;
} */


@media ( max-width: 480px) {
  .container {
    width: auto;
  }
  .content {
    float: none;
    width: auto;
  }
}
</style>

<template>

  <!-- Contents ( Image, Notice ) -->
  <div class = "contents">
    <section>
        <v-parallax src="/images/bg.png" height="650"></v-parallax>
    </section>
    <slide-y-up-transition  >
      <div v-show="show">Your content here</div>
    </slide-y-up-transition>
  </div>
</template>

Answer 1

此错误的主要原因是您可能在“template”标签内使用了“model”，但忘记在“script”标签内的“数据”部分声明。

例如：

<template>
    <el-form ref="form" :model="form" label-width="120px"> ##<=== form model used here
        <el-form-item label="Name">
            <el-input v-model="form.name"></el-input>
        </el-form-item>
  </el-form>
 </template>

但在您的“Script”标签中，您可能没有使用过它

export default {

  data: () => ({

      form:{
          name: ''   <----- Declare andd initialize here
          }

  }),


  methods:{

  },

  components: {

  }
};

这会解决你的问题....

Answer 2

组件的结构应该有data 和components 作为顶级属性：

export default {
  data: () => ({
    listitems: [
      {
        title: '출결관리',
        path: '/attendanceCheck'
      },
      {
        title: '학생관리',
        path: '/studentAdministration'
      },
      {
        title: '알림설정',
        path: '/notificationSetting'
      }
    ],
    show: true
  }),
  components: {
    SlideYUpTransition
  }
}

data是一个返回组件状态的函数，components是一个对象。