Question

我是vue.js的新手。我正在使用2.5.13版本。

我正在尝试访问组件文件脚本中的data变量。但这给了我一条undefined消息。

组件中的Id属性返回正确的值，但在脚本内部，它将返回undefined。

如果我想使用该变量，我需要做什么？

以下是我的app.js代码

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

而且bleow是我的App组件代码

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

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

Answer 1

将变量var app = new Vue({..})分配给您的Vue App。并使用appname.variable_name

等app.message访问vue app外部的变量

＆＃13;

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

＆＃13;

<script src="https://cdn.jsdelivr.net/npm/vue"></script>


<div id="app">
  {{ message }}
</div>

＆＃13;

Vue JS如何在脚本中访问数据变量

1 个答案: