Vue3-19 hooks 前端数据和方法的封装

文章目录

• axios
• hooks
• • 本质
  • 命名规则：useXXX
  • hooks的写法

axios

安装命令
npm i axios

这个是管网络请求的，需要安装

await 只能等到成功；

await 处理错误请求，用 try catch 包住

hooks

本质

就是一些js/ts 文件

命名规则：useXXX

export default 值（值包含数字，数组，对象，函数）

hook就是把相关的数据和方法进行模块化封装。

hooks的写法

模板：

export default function() {
	//数据
	//方法
	//向外部提供东西
	return {};
}

例子：

import { ref } from 'vue'

export default function () {
    let sum = ref(0);

    function add() {
        sum.value += 1
    }
    return {sum, add}
}

hooks 中还可以写钩子（Vue的生命周期函数）