vue2 全局事件总线

最新推荐文章于 2025-06-17 14:22:08 发布

荭色海湾

最新推荐文章于 2025-06-17 14:22:08 发布

阅读量287

点赞数 5

CC 4.0 BY-SA版权

分类专栏： Vue2 文章标签： javascript 前端 vue.js

本文链接：https://blog.youkuaiyun.com/qq_53374893/article/details/141100883

<template>
  <div id="container">
    <div id="parent">
      <TodoHeader @addTodo="addTodo" />
      <TodoList :todos="todos" :removeTodo="deleteTodo" />
      <TodoFooter
        :finish="finish"
        :all="all"
        :clear="clear"
        :doneAll="doneAll"
      />
    </div>
  </div>
</template>

<script>
import TodoFooter from "./TodoFooter.vue";
import TodoHeader from "./TodoHeader.vue";
import TodoList from "./TodoList.vue";

export default {
  name: "TodoComponent",
  components: {
    TodoFooter,
    TodoHeader,
    TodoList,
  },
  data() {
    return {
      todos: [],
    };
  },
  mounted() {
    let arr = JSON.parse(localStorage.getItem("t