Currently writing HTML and using vue.js.

I am writing html using vue.js for studying.

I'm trying to run Shuffle.js after taking data with vue.js, but it doesn't work.

Shuffle.js The current version didn't work, so use the old version We are

In vue.js, it takes the value, but
To run Shuffle.js,
HTML second line

<li groups = '["other", "all"]'>

I want you to get the value like this,

<li groups = "[" other "," all "]">

I got the data by double quotes
Shuffle.js does not work well.

Change the notation of mein.js

<li groups = "['othe', 'all']">

Shuffle.js did not work.

(Same code when writing solid)

"['othe', 'all']" NG
'["other", "all"]' OK

Is it possible to get as above?

For newbies
vue.js
Shuffle.js
I tried to read the file and change it to single coat,
It was difficult to understand and change.

Thanks for your professor.

Applicable source code

        <li v-bind: groups = "list.group">
            
          <p>{{list.title}}</p>
<P>{{list.main}}</p>
          <p>{{list.date}}</p>
        </li>
      
  <script src = "https://cdn.jsdelivr.net/npm/vue"></script>
  <script src = "js/main.js"></script>

new Vue ({
    el: '#list',
    data: {
        datalists: [
          {
            "group": '["other", "all"]',
            imgStatic: ("../static/XXX.jpg"),
            "title": "title",
            "main": "Main",
            "date": "date"
          },
 {
            "group": '["other", "all"]',
            imgStatic: ("../static/XXX.jpg"),
            "title": "title",
            "main": "Main",
            "date": "date"
          },
        ],
      }
  });