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()