vue 2.x 中 需要在 data 中定义数据 在methods 中定义方法 vue2.x中是将data、methods、computed、watch 等作为对象的属性 是模板语法的思想 优点是易上手,学习成本低,缺点是 可读性低
vue3 是函数式编程的思想 将同一功能用到的 逻辑和数据 独立出来 更直观,可维护性比较高,复用性强
之后的编程可能是这样的
<script>
//引入增加 学生功能模块
import addStudent from 'add'
//引入删除 学生功能模块
import delStudent from 'delete'
exprot default{
name:'app',
setup(){
let {students,removeStudent} = delStudent()
let {student,addStudent} = addStudent(students)
return {students,removeStudent,student,addStudent}
}
}
</script>