<!DOCTYPE?html>
<html??lang="zh">
<head>
<meta?charset="UTF-8">
<meta?http-equiv="X-UA-Compatible"?content="IE=edge,chrome=1">
<script?type="text/javascript"?src="js/vue.js"></script>
<title>Toolist工具</title>
</head>
<body>
<!--?Toolist工具?-->
<div?id="root">
????<input?v-model="inputValue"/>
????<button?@click="handleClick">提交</button>
</div>
<ul>
????<li?v-for="(item,?index)?of?list"?:key="index">
????????{{item}}
????</li>
</ul>
<script>
????new?Vue({
????el:"#root",//掛載點(diǎn)
????data:{
????????inputValue:'hello',
????????list:[]
????},
????methods:{
????????handleClick:function(){
????????this.list.push(this.inputValue),
????????this.inputValue?=?''
????????}
????}
})
</script>
</body>
</html>
2020-04-28
你的li沒有寫在div id ="root"下面
2019-08-28
div沒有把ul和li框在里面? ?
2019-08-22
為什么我的這個(gè)會顯示！