vue 2.x 中 需要在 data 中定义数据 在methods 中定义方法 vue2.x中是将data、methods、computed、watch 等作为对象的属性 是模板语法的思想 优点是易上手,学习成本低,缺点是 可读性低
    vue3 是函数式编程的思想 将同一功能用到的 逻辑和数据 独立出来 更直观,可维护性比较高,复用性强
    之后的编程可能是这样的

    1. <script>
    2. //引入增加 学生功能模块
    3. import addStudent from 'add'
    4. //引入删除 学生功能模块
    5. import delStudent from 'delete'
    6. exprot default{
    7. name:'app'
    8. setup(){
    9. let {studentsremoveStudent} = delStudent()
    10. let {student,addStudent} = addStudent(students)
    11. return {students,removeStudent,student,addStudent}
    12. }
    13. }
    14. </script>