标签：vue3

  • Vue3的选项式 和 组合式 的根本区别

    Vue3的选项式API（OptionsAPI）和组合式API（CompositionAPI）的根本区别在于代码组织逻辑的范式不同，核心差异可以总结为以下几点：1...

    Vue 2025年11月13日 4

  • Vue3快速上手之路由 vue-router

    01.基本切换效果Vue3中要使用vue-router的最新版本，目前是4版本。路由配置文件代码如下：import{createRouter,createWeb...

    Vue 2025年11月10日 9

  • Vue3快速上手之自定义hook

    什么是hook？——本质是一个函数，把setup函数中使用的CompositionAPI进行了封装，类似于vue2.x中的mixin。自定义hook的优势：复用...

    Vue 2025年11月10日 6

  • Vue3快速上手之组件通信

    Vue3组件通信和Vue2的区别：移出事件总线，使用mitt代替。vuex换成了pinia。把.sync优化到了v-model里面了。把$listeners所有...

    Vue 2025年11月10日 19

  • Vue3快速上手之props

    //定义一个接口，限制每个Person对象的格式exportinterfacePersonInter{id:string,name:string,age:num...

    Vue 2025年11月10日 6

  • Vue3快速上手之标签的 ref 属性

    作用：用于注册模板引用。用在普通DOM标签上，获取的是DOM节点。用在组件标签上，获取的是组件实例对象。用在普通DOM标签上：尚硅谷前端Vue点我打印内容imp...

    Vue 2025年11月10日 10

  • Vue3快速上手之监听数据 watchEffect

    官网：立即运行一个函数，同时响应式地追踪其依赖，并在依赖更改时重新执行该函数。watch对比watchEffect都能监听响应式数据的变化，不同的是监听数据变化...

    Vue 2025年11月10日 5

  • Vue3快速上手之监听数据 watch

    作用：监视数据的变化（和Vue2中的watch作用一致）特点：Vue3中的watch只能监视以下四种数据：ref定义的数据。reactive定义的数据。函数返回...

    Vue 2025年11月10日 10

TOP