在javascript中访问vue js对象

Question

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

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

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

Vue在app.js中定义为

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

});

在我的视图模板

中的脚本之前调用app.js

Answer 1

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

data: {
    list: []
}

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

中

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