问答详情
源自:3-2 todolist组件拆分

有啥问题吗 为什么一直没反应

<!--组件的拆分

    1. 定义并使用一个全局组件(任意地方都可以使用)-->

        <div id="root">

            <input type="text" v-model="inputValue">

            <button @click="handleSubmit">提交</button>

            <ul>

                <todo-item v-for="(item,index) of list" :key="index" :content="item"></todo-item>

            </ul>

        </div>


        <script>

            Vue.component("todo-item",{

                props:['content'],     //传值 Vue 中,父组件到子组件的传值,是通过属性进行传递的。

                template:"<li>{{content}}</li>" //模板

            })

            new Vue({

                el:"#root",

                data:{

                    inputValue="",  

                    list:[]

                },

                methods:{

                    handleSubmit:function() {

                        this.list.push(this.inputValue),

                        this.inputValue=""

                    }

                }

            })

        </script>



    



    

</body>

</html>


提问者:慕盖茨9504377 2018-10-31 17:33

个回答

  • 蛋全张
    2018-11-03 22:28:09

     data:{

                        inputValue="",  

                        list:[]

                    },

     里面的 = 号应该改成 :  是键值对的形式 其他地方没问题

  • SeLiNnnn
    2018-10-31 19:51:40

    没有啥反应????能不能描述详细一些。。另外先问问 你有没有引入vue文件