Vue.js - 속성 또는 메서드 "blah"가 인스턴스에서 정의되지 않고 렌더링 중에 참조됨

Vue.js - 속성 또는 메서드 "blah"가 인스턴스에서 정의되지 않고 렌더링 중에 참조됨

Vue 2는 상위 템플릿에 정적으로 정의된 프로펠러가 아닌 오류를 발생시키는 이유는 무엇인가?

참고: 이 오류는 Javascript를 안으로 가져와도 발생하지 않음.vue가져올 수 없는 파일의 스크립트 태그.

오류:

속성 또는 메서드 "임베디드"는 인스턴스에서 정의되지 않고 렌더링 중에 참조된다.속성을 초기화하여 데이터 옵션 또는 클래스 기반 구성 요소에 대해 이 속성이 반응하는지 확인하십시오.https://vuejs.org/v2/guide/reactivity.html#Declaring-Reactive-Properties을 참조하십시오.

로더.

<div class="overlay">
  <div class="loader" v-bind:class="{ embedded }">
    <div class="loader__items">
      <div class="loader__item"></div>
      <div class="loader__item"></div>
      <div class="loader__item"></div>
      <div class="loader__item"></div>
      <div class="loader__item"></div>
    </div>
  </div>
</div>

로더 js

export default {
  props: {
    embedded: {
      default: false,
      type: Boolean,
    },
  },
};

로더.뷰

<template src="./loader.html"/>
<script scr="./loader.js" lang="babel"></script>
<style src="./loader.scss" lang="scss" scoped/>

client.js

import Loader from '../../loader/loader.vue';

components: {
   Loader
}

client.properties

<loader :embedded="true" />

가설:

가져올 때loader.js을 사용하여 철하다.src="./loader.js"에서.vue파일의 마크업 초기 질문의 에러가 던져진다.이 구성 요소 개체의 인스턴스는 로더 구성 요소의 모든 인스턴스 간에 공유될 수 있으며, 그 중 일부는embedded소품들이 들어왔고 일부는 그렇지 않다.이렇게 되면 다른 전화를 받을 수 있는 문이 열릴 수도 있다.<loader />즉석에서 프로펠러의 가치를 써내려가는 건설업자

해결책:

스크립트 태그 내에서 가져오기 및 내보내기로 전환하면 다음 오류가 수정됨:

로더.뷰

<template src="./loader.html" />
<script lang="babel">
    import loader from './loader';

    export default loader;
</script>
<style src="./loader.scss" lang="scss" scoped />

참조URL: https://stackoverflow.com/questions/49343666/vue-js-property-or-method-blah-is-not-defined-on-the-instance-but-referenced