Vue JS 스크립트에서 데이터 변수에 액세스하는 방법

Vue JS 스크립트에서 데이터 변수에 액세스하는 방법

저는 vue.js.에 처음 접속하여 2.5.13 버전을 사용하고 있습니다.

내 컴퓨터에 접속하려고 합니다.data컴포넌트 파일 스크립트의 변수.하지만 이것은 나에게 a를 준다.undefined메세지.

구성 요소의 ID 특성이 올바른 값을 반환하지만 스크립트 내에서는 반환됩니다.undefined.

이 변수를 사용하려면 어떻게 해야 합니까?

아래는 나의app.js코드

import App from './components/App.vue';
new Vue(Vue.util.extend({
        router,
        data : {
            test : 1
        },
    }, App))
        .$mount('#root');

그리고 bleow는 내 앱 컴포넌트 코드입니다.

<template>
    <div id="app" :data-id="test">

    </div>
</template>
<script>
    console.log(this.data);
</script>

변수를 할당하다var app = new Vue({..})를 사용하여 Vue App 외부 변수에 액세스합니다.appname.variable_name맘에 들다app.message

var app = new Vue({
  el: '#app',
  data: {
    message: 'Hello Vue!'
  }
})


console.log(app.message);

<script src="https://cdn.jsdelivr.net/npm/vue"></script>


<div id="app">
  {{ message }}
</div>

언급URL : https://stackoverflow.com/questions/48557519/vue-js-how-to-access-data-variable-in-script