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数据变化则要用一个函数返回监听的数据