Vue 2.0 Issue

How to update data without component update?

by simati

HTML

<script src="https://unpkg.com/vue"></script>

<div id="app">
  <div>
    <button @click="changeNode">
      change node
    </button>
    <button @click="changeData">
      change data
    </button>
    <button @click="reset">
      reset
    </button>
  </div>
  <div class="container">
    <div>
      <h2>Actual node</h2>
      <div v-for="item in items">
        <p>{{ item }}</p>
      </div>
    </div>
    <div>
      <h2>Actual data</h2>
      <pre>{{ items }}</pre>
    </div>
  </div>
</div>

CSS

.container {
  display: flex;
  flex-direction: row;
}
div {
  margin-left: px;
}

JavaScript

new Vue({
  el: '#app',
  data: {
    items: [1, 2, 3]
  },
  methods: {
  	changeNode () {
    	const first = s
    }
  },
  mounted () {
  	console.log(this)
  }
})