source

수집되지 않은 참조 오류: VM이 vue.js 2.0으로 정의되어 있지 않습니다.

factcode 2022. 8. 31. 22:31
반응형

수집되지 않은 참조 오류: VM이 vue.js 2.0으로 정의되어 있지 않습니다.

Vue 2.0을 사용 중인데 오류가 발생함

(검출되지 않은 참조 오류: VM이 정의되지 않음)

사용할 때vm.$data또는 콘솔에서 속성을 확인합니다.최신 버전의 vue.js 2.2.4가 있습니다.

@Fiete에서 설명한 바와 같이vm변수는 기본적으로 사용할 수 없습니다.

정의해야 합니다.vm콘솔로부터 액세스 할 수 있습니다.

이런 게 효과가 있을 거야

var vm = new Vue({
  el: '#app',
  data: {
    a: 1
  },
  router,
  template: '<App/>',
  components: {
    App
  }
});

global.vm = vm; //Define your app variable globally

이제 사용할 수 있습니다.vm.$data.PROPERTY또는vm.PROPERTY.

vm변수는 기본적으로 존재하지 않습니다.vuejs는 이 변수를 설정하지 않습니다.vuejs 애플리케이션을 디버깅하려면 vuejs Chrome 확장을 권장합니다.

페이지에서 확장을 열면 디버깅할 구성 요소를 선택할 수 있습니다.그런 다음 를 사용하여 선택한 컴포넌트에 액세스할 수 있습니다.$vm0변수.

let app = new Vue({
  router,
  store,
  render: h => h(App)
}).$mount('#app')


global.vm = app;

어디에 있든

globalThis.vm.$subscribeTo...

vmVue 인스턴스를 참조하는 것처럼 보이므로,this.$set대신vm.$set. (@vue/cli로 생성된 프로젝트에서 작업)

정말 오래되었지만 탭에 집중하지 않거나 탭이 다르게 열려 있으면 $vm을 사용할 수 없게 되는 문제가 있었습니다.devtools가 열려 있는 탭에 다시 초점을 맞추면 $vm이 다시 나타납니다.

다시 초점을 맞추는 것만으로는 문제가 해결되지 않는 경우 구성 요소 이름에 $vm이 표시될 때까지 Vue devtools Components 탭을 돌아보는 것이 좋습니다.

여기에 이미지 설명 입력

언급URL : https://stackoverflow.com/questions/42782610/uncaught-referenceerror-vm-is-not-defined-vue-js-2-0

반응형