VUE3中使用Hooks

1、首先创建一个模块的hooks文件。如：车相关的模块useCar.ts

import {reactive} from 'vue'
import {type Icar,type cars} from '../types';

export default function (){
    let car = reactive({name:'奔驰',color:'green',price:100})
    let newcar:Icar = car
    let carList = reactive<cars>([
        {name:'奔驰',color:'green',price:100}
    ])
    function updatecar(){
        console.log(newcar)
        console.log(carList)
    }
    // 往外暴漏
    return {carList, updatecar}
}

2、vue页面中引入hooks文件及用里面需要用到的属性或方法

import useCar from "@/hooks/useCar.ts";
const {carList,updatecar} = useCar()