在javascript中访问vue js对象答案

【问题标题】：accessing vue js object in javascript在javascript中访问vue js对象
【发布时间】：2016-04-20 15:21:34
【问题描述】：

在 Laravel 刀片模板中，我可以使用 @{{list.length}} 访问一些数据。

<template id="events-template">
      @{{list.length}}
</template>

如何在同一视图模板的 javascript 函数中使用它？

Vue 在 app.js 中定义为

var vm = new Vue({
    el: 'body',

});

app.js 在我的视图模板中的脚本之前调用

【问题讨论】：

【解决方案1】：

首先，确保您确实在 vue 实例中定义了 list 变量

data: {
    list: []
}

然后，要访问列表变量，请使用实例范围，例如在某些方法中

methods: {
    someMethod: function () {
        console.log(list) // undefined
        console.log(this.list) // []
    }
}

【讨论】：