如何提高编程思维

来源：2-5 编程练习

unbreakable_全栈

2020-11-21 22:48:52

# 具体遇到的问题

# 报错信息的截图

# 相关课程内容截图

# 尝试过的解决思路和结果

# 粘贴全部相关代码，切记添加代码注释（请勿截图）

<!DOCTYPE html>
<html lang="en">

<head>
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>Document</title>
   <script src="./vue.js"></script>
</head>

<body>
   <div id="app">
      <input type="text" placeholder="请输入喜欢吃的水果" v-model="inputValue">
      <button @click="handleBtnClick">提交</button>
      <ul>
         <li v-for="item in list">{{item}}</li>
      </ul>
   </div>
   <script>
      var app = new Vue({
         el: '#app',
         data: {
            inputValue: '',
            list: []
         },
         methods: {
            handleBtnClick() {
               if (!this.inputValue) return
               this.list.push(this.inputValue)
               this.inputValue = ''
            }
         },
      })
   </script>
</body>

</html>