vue3.0实现todoMVC

2020.9.19 vu3.0 正式上线

此 demo 根据 vue 官网2.x例子改写，功能基本还原

vue3.0 移除
filters;
KeyboardEvent.keyCode;
on,off 和 $once方法;

• 全局变量

// Vue.prototype.xxx 不可用
//在main.js中：
app.config.globalProperties.http = function(){
   }

//在vue组件中：
this.http()

html：

<template>
  <section class="todoapp">
    <header class="header">
      <h1>todos</h1>
      <input
        class="new-todo"
        autofocus
        autocomplete="off"
        placeholder="What needs to be done?"
        v-model="newTodo"
        @keyup.enter="addTodo"
      />
    </header>
    <section class="main" v-show="data.todos.length">
      <input id="toggle-all" class="toggle-all" type="checkbox" v-model="allDone" />
      <label for="toggle-all"></label>
      <ul class="todo-list">
        <li
          v-for="todo in filteredTodos"
          class="todo"
          :key="todo.id"
          :class="{ completed: todo.completed, editing: todo == editedTodo }"
        >
          <div class="view">
            <input class="toggle" type="checkbox" v-model="todo.completed" />
            <label @dblclick="editTodo(todo)"<