Vue3 based Composition API, using Vuex,element3;

Layout reference: todomvc.com/examples/vu…

element3: element3-ui.com/#/

Functions achieved:

  1. You can enter a todo from the input box and press Enter to complete an input
  2. todo-item
    1. The name of the
      1. What is entered for the input box
      2. The delete button
        1. Click to delete the current todo
      3. Complete button
        1. When clicked, underline the current todo style
  3. All button to display all toDos
  4. Active button that displays all toDos in the active state
  5. The Completed button, which displays all toDos in the Completed state

Effect display:

Github address: github.com/duanlvxin/V…