ducaifeng86的博客

生命周期钩子是在 Vue 组件各个关键阶段调用的特殊函数，允许开发者在特定时刻执行自定义逻辑。创建阶段：使用setup()初始化组件状态挂载阶段：在onMounted中执行 DOM 操作和数据初始化更新阶段：通过和onUpdated响应数据变化卸载阶段：在中确保资源正确释放掌握这些生命周期钩子的正确使用方法，能够帮助开发者构建出更加稳定、高效的 Vue 应用程序。

把reactive 对象变成能解构的响应式对象。解构出来的每个属性都是 ref。

toRef是响应式对象属性的“精准提取器”，确保提取出来的属性仍然保持响应式连接，特别适用于需要单独管理或传递某个属性的场景。

setup是 Vue 3 组合式 API 的核心和入口。可以把它理解为组件的"控制中心"——所有组件的逻辑都在这里组织和执行。setup提供了统一的逻辑组织方式接收props和context参数通过返回值暴露模板需要的内容。

ref是 Vue 3 响应式系统的基石之一，它通过简单的.value机制，让我们能够让任何类型的值变得响应式。

分三步：1）安装axios npm install axios -D2）在需要使用的地方引入axiosimport axios from 'axios'3）使用axios在setup()方法里面使用axiossetup() { //获取引导页图片 let images = ref([]) const getData = () => { axios.get('/dat...

vant组件在vue3项目中的使用，分三步：1）安装插件：npm install vant -D2）在main.ts全局引入样式：import vant from 'vant'import 'vant/lib/index.css'; // 全局引入样式createApp(App).use(vant).mount('#app')vite版本不需要配置组件的按需加载，因为Vant 3.0 内部所有模块都是基于 ESM 编写的，天然具备按需引入的能力，但是样式必须全部引入...