Vue js Array from function

<html>
  <head>
    <script type="importmap">
      {
        "imports": {
          "vue": "https://unpkg.com/vue@3/dist/vue.esm-browser.js"
        }
      }
    </script>
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-F3w7mX95PdgyTmZZMECAngseQB83DfGTowi0iMjiWaeVhAn4FJkqJByhZMI3AhiU" crossorigin="anonymous">
    <body>
      <div id="app" class="container">
        <h2>Object.assign() method using Vue js</h2>
        <p>Convert from string to array using Object.assign() method in Vue js</p>
        <P>String : {{string}}</P>
        <button @click='myFunction' class='btn btn-primary'>Convert To Array</button>
        <p></p>
        <p>{{array}}</p>
     </div>

</body>
  </head>
</html>