为什么可以在tabs组件里使用todo?

来源:3-4 实现todo应用的业务逻辑

shi3476202

2018-03-06 12:09

computed: {

   unFinishedTodoLength() {

     return this.todos.filter(todo => !todo.completed).length

   }

并没有向tabs组件传入todo,为什么可以使用

写回答 关注

2回答

  • qq__9608
    2018-06-11 10:28:03

    在父组件todo.vue中:

    <tabs @toggle="toggleFilter" 

    :filter="filter"  //在这里把filter传给子组件tabs

    :todos="todos"  //在这里把todos传给子组件tabs

    @clearAllCompleted="clearAllCompleted"

    />

    在子组件todo.vue中:

    props: {   //通过props这个属性把父组件要传过来的数据传过来

        filter: {   //这个是父组件数据filter

            type: String,  //定义filter传过来的类型

            required: true  //是否必须要filter这个数据,true就是必须要

        },

        todos: {

            type: Array,  //定义todos传过来的类型

            required: true

        }

    },


    欧先先生

    第二个是在子组件tabs.vue中吧

    2018-09-08 10:55:54

    共 1 条回复 >

  • qq_asm_0
    2018-03-06 22:52:05

    父组件prop数据到子组件

    <Tabs 
       :filter="filter" 
       :todos="todos"
       @toggle="toggleFilter"
       @clearAll="clearAllcompleted"
     />


Vue+Webpack打造todo应用

用前端最热门框架Vue+最火打包工具Webpack打造todo应用

84606 学习 · 787 问题

查看课程

相似问题