accessing vue js object in javascript

Question

In a Laravel blade template I can access some data using @{{list.length}}.

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

How do I use this within a javascript function within the same view template?

Vue is defined in app.js as

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

});

app.js is called before the script in my view template

the list.length variable is a javascript variable or a php variable? — Yerko Palma
– Yerko Palma, Commented Apr 20, 2016 at 15:29
javascript - within my vue template, I can access it using the @{{variable}} syntax. The @ symbol is used to not confuse blade — Mike Thrussell
– Mike Thrussell, Commented Apr 20, 2016 at 15:31
that's what I though, but I didn't see it in your Vue definition that's why I asked — Yerko Palma
– Yerko Palma, Commented Apr 20, 2016 at 15:32

Yerko Palma · Accepted Answer · 2016-04-20 15:35:16Z

2

First, be sure that you actually have defined the list var in your vue instance

data: {
    list: []
}

Then, to access the list var, use the instance scope, for example in some method

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

answered Apr 20, 2016 at 15:35

Yerko Palma

12.4k5 gold badges37 silver badges59 bronze badges

Sign up to request clarification or add additional context in comments.

1 Answer 1