01慕課網《vue.js2.5入門》——Vue中的組件
阿新 • • 發佈：2018-05-13
inpu rip del 慕課網 his AC input roo 實例
TodoList功能開發
<body> <div id="root"> <div> <input v-model="inputValue"/> <button @click="handleSubmit">提交</button> <ul> <li v-for="(item,index) of list" :key="index"> {{item}} </li></ul> </div> </div> <script> // vue實例 new Vue({ el: "#root", data: { inputValue: ‘‘, list: [] }, methods: { handleSubmit: function () { this.list.push(this.inputValue);this.inputValue = ‘‘; } } }) </script> </body>
01慕課網《vue.js2.5入門》——Vue中的組件