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

Posted 言凡

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了01慕课网《vue.js2.5入门》——Vue中的组件相关的知识，希望对你有一定的参考价值。

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中的组件的主要内容，如果未能解决你的问题，请参考以下文章

完善慕课网Vue2.0购物车功能

慕课网视频破解付费分享-前端开发-Python等

JavaScript入门--慕课网学习笔记

慕课网之javascript入门

vue慕课网音乐项目手记：6-手写滚动轮播图（中）

总结整理javascript基础入门学习（慕课网学习）