Vue

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

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

    Vue 2025年11月13日 4
  • Vue 3.3 toRef用法分析

    1.抛出问题分析以下代码,详细解释toRef的作用import{toRef}from'vue'constprops=defineProps(/*...*/)//...

    Vue 2025年11月13日 7
  • Vue3快速上手之路由 vue-router

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

    Vue 2025年11月10日 9
  • Vue3快速上手之Vue3新内容

    1.Teleport什么是Teleport?——Teleport是一种能够将我们的组件html结构移动到指定位置的技术。我是一个弹窗我是弹窗中的一些内容关闭弹窗...

    Vue 2025年11月10日 5
  • Vue3快速上手之自定义hook

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

    Vue 2025年11月10日 6
  • Vue3快速上手之全局状态管理 pinia

    1.搭建pinia环境第一步:npminstallpinia第二步:操作src/main.tsimport{createApp}from'vue'importA...

    Vue 2025年11月10日 5
  • Vue3快速上手之组件通信

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

    Vue 2025年11月10日 19
  • Vue3快速上手之几个API

    01.shallowRef与shallowReactiveshallowRef作用:创建一个响应式数据,但只对顶层属性进行响应式处理。用法:letmyVar=s...

    Vue 2025年11月10日 7
  • 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

TOP