首页 > Web开发 > 详细

01慕课网《vue.js2.5入门》——Vue中的组件

时间:2018-05-13 14:45:55      阅读:200      评论:0      收藏:0      [点我收藏+]

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中的组件

原文:https://www.cnblogs.com/-beauTiFul/p/9032077.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!