ref可以接收简单数据类型和对象数据类型

而reactive只能接收对象数据类型

二者返回的都是一个响应式的数据对象，就是数据和页面进行绑定，同步变换的一个对象

插槽：

#default其实就是v-slot:default的缩写

小练习：

  • 渲染功能：声明一个响应式数据列表，定义一个函数，然后在用生命周期钩子，在挂载完成(onmounted)的时候，就是onmounted()里面调用我自定义的函数，实现从后端返回数据与我自己定义的响应式数据列表进行的替换。

其中，v-bind进行数据的渲染，标签里面的prop进行数据key的一一对应，

  • 给删除按键绑定点击监听事件，拿到要删除的id，使用axios调用接口进行数据删除，随后使用渲染功能将删除后的页面重新渲染到页面上。
  • 编辑功能：首先模板引用让父与子进行组件之间的联系，插槽可以拿出我渲染对象时的每一个具体对象。然后对于子组件进行逻辑的书写，定义一个ref响应式数据,规范好数据的格式，将这个方法defineExpose暴露出去，父亲可以使用，对子集的确认绑定update更新，逻辑为调用axios接口更改数据，关闭弹框，列表的重新渲染。

computed：需要return返回值，否则是不奏效的

与方法action不同的是，在写完操作逻辑的时候，必须要使用return返回，否则也页面是没有数据的

在我使用自定义的scss属性的时候，我必须要给style标签一个属性，即就是