CodePen Embed - v-model は配列を更新できるのか？

<html>
  <head>
    <script src="https://unpkg.com/vue@2.1.7"></script>
  </head>
  <body>
    <div id="app">
      <input v-model="items[0]">
      {{items}}
      <button @click="items[0] = Math.random()">普通に配列要素更新</button>
      <button @click="$set(items, 0, Math.random())">$setで配列要素更新</button>
    </div>
    <script>
      new Vue({
        el: "#app",
        data: {
          items: ["xxx"],
        },
      })
    </script>
  </body>
</html>

This Pen is owned by megeton on CodePen.

See more by @megeton on CodePen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.