vue3中的增删改查，全反选

vue3写购物车（1）

首先了解一些属于vue3中的知识及写法

1.使用
import { } from ‘vue’获取所有当前页面中所需要的数据或方法
如

import { ref, reactive, defineComponent} from 'vue'

2.将所有的内容写入

export default defineComponent({
  setup() {
    // 内部写的是所有的要用到的方法
  }
})

3.reactive
主要用来声明具有响应式的数组类型及对象（复杂数据类型）以对象的形式进行渲染
4.defineComponent
定义一个组件，返回值时传入对象，对向可以配置vue组件的相关属性，它的参数也可以是一个函数，函数的名可以作为组件名使用，函数就相当于于是一个setup
4.onMounted
相当于vue2中的mounted模板渲染完成之后调用
5. torefs:
将响应式对象转换为普通对象，其中结果对象的每个 property 都是指向原始对象相应 property的ref,简单点说，就是将setup中定义的数据返回出来。
6.watch
监听数据变化 watch 第一个参数是要监听的数据 第二个数据变化后的回调函数 ，第三个是配置项 如果监听的是ref数据则可以直接监听 但是如果兼容一个reactive数据变化则要用一个函数返回监听的数据