Vue.js 输入框添加值到下方列表：简单实现教程

<template>
  <div>
    <input type='text' v-model='inputVal' />
    <button @click='add'>添加</button>
    <ul>
      <li v-for='(item, index) in list' :key='index'>{{ item }}</li>
    </ul>
  </div>
</template>
<script>
export default {
  data () {
    return {
      inputVal: '',
      list: []
    }
  },
  methods: {
    add () {
      this.list.push(this.inputVal)
    }
  }
}
</script>