如何能够理清思路

来源：2-11 编程练习

unbreakable_全栈

2020-11-22 00:00:55

# 具体遇到的问题

# 报错信息的截图

# 相关课程内容截图

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

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

<!DOCTYPE html>
<html>

<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>子组件</title>
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
</head>

<body>
<div id="app">
<input type="text" v-model="inputValue">
<button @click="handleAddClick">添加</button>
<button @click="handleDeleteClick">删除</button>
<list :content="item" v-for="(item, index) of list" :key="index"></list>
</div>
<script>
var List = {
props: ['content'],
template: '<li>{{content}}</li>'
}
var app = new Vue({
el: "#app",
components: {
List
},
data: {
list: [],
inputValue: ''
},
methods: {
handleAddClick() {
if (!this.inputValue) return
this.list.push(this.inputValue)
this.inputValue = ''
},
handleDeleteClick () {
this.list.pop()
}
},
})
</script>
</body>

</html>