首页
沸点
课程
数据标注
HOT
AI Coding
更多
直播
活动
APP
插件
直播
活动
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
登录
注册
vue3
angerdream
创建于2026-03-05
订阅专栏
最新版vue3+TypeScript开发入门到实战教程
等 3 人订阅
共21篇文章
创建于2026-03-05
订阅专栏
默认顺序
默认顺序
最早发布
最新发布
最新版vue3+TypeScript开发入门到实战教程之重要详解readonly/shallowReadOnly
readonly api详解 用于创建一个对象的深只读副本。含义有两层,一是创建的副本对象是只读的。二是副本对象是深层次只读。 用一个实例说明什么事深层次只读。
最新版vue3+TypeScript开发入门到实战教程之插槽slot详解
插槽概述 Slot,可翻译中文为插槽、空槽、钥匙槽。以下为官方定义Solt(插槽)是 Vue 提供的一种内容分发机制,允许父组件向子组件指定位置注入内容。
最新版vue3+TypeScript开发入门到实战教程之组件通信之二
概述 组件通信是前端开发技术中的核心,上节讲到使用props、自定义事件、mitt、v-model组件通信方法,其他五中通信方式: $attrs ref parent provide、inject p
最新版vue3+TypeScript开发入门到实战教程之组件通信之一
概述 Vue 组件通信是面试和实际开发中的核心知识点,组件通信包括父组件与子组件甚至孙组件的通信,子组件与子组件之间的通信。组件通信详细掌握以下9中方法: props 自定义事件 mitt v-mod
最新版vue3+TypeScript开发入门到实战教程之Pinia详解
概述 Pinia 是 Vue.js 的官方状态管理库,可以把它看作是 Vuex 的升级版。它提供了更简洁的 API 和更好的 TypeScript 支持,已经成为 Vue 生态中推荐的状态管理方案。
最新版vue3+TypeScript开发入门到实战教程之路由详解三
上节内容是嵌套路由与路由传参。路由的传参有两方式,一是query,一是params。这节主要内容: 路由的props 路由的replace属性 路由编程式导航 路由的重定向
最新版vue3+TypeScript开发入门到实战教程之路由详解二
路由嵌套,简单言之,由主页点击进入一个模块,在模块中又可点击进入子模块。如在主页进入Fish组件,在Fish组件中,进入FishDetail详细内容。路由的四个基本要素
最新版vue3+TypeScript开发入门到实战教程之路由详解一
Vue Router 是 Vue.js 官方的路由管理器,用于构建单页面应用(SPA)。它的核心价值在于:在不刷新页面的情况下,根据 URL 的变化动态渲染不同的组件,实现流畅的页面切换体验。
最新版vue3+TypeScript开发入门到实战教程之生命周期函数
组件的生命周期,即从组件的创建到销毁,所经历的过程。以下是在官网的定义: Vue组件实例在创建时要经历一系列的初始化步骤,在此过程中Vue会在合适的时机,调用特定的函 数,从而让开发者有机会在特定阶段
最新版vue3+TypeScript开发入门到实战教程之Vue3详解props
props是Properties这个单词的缩写,可翻译为属性。它是父组件向子组件传递数据的桥梁,是子组件的属性。数据可包含以下内容:基础数据,如字符串、数字,数组,对象,函数
最新版vue3+TypeScript开发入门到实战教程之TypeScript接口泛型
TypeScript 接口泛型的作用是为了规范代码,约束对象类型,例如定义一个对象fish,误的将price写成pirce而不自知。接口规范来书写,不会出现错误
最新版vue3+TypeScript开发入门到实战教程之DOM操作
在Vue3中,获取DOM的方式有两种。虽然在Vue3中可用Vue2的语法获取DOM,但是不推荐使用Vue2语法。 通过document.getElementById函数获取DOM 通过标签的ref属性
最新版vue3+TypeScript开发入门到实战教程之watch与watchEffect对比区别
watch功能是监视某些数据的变化,一旦发生变化,调用回调,传递新旧数值。watchEffect官方定义如下: 立即运行一个函数,同时响应式地追踪其依赖,并在依赖更改时重新执行。
最新版vue3+TypeScript开发入门到实战教程之watch详解
watch本意是监视、观察。它的功能就是监视数据的变化。数据一旦变化,就会产生两种数据:新数据、旧数据。
最新版vue3+TypeScript开发入门到实战教程之computed计算属性
计算属性,顾名思义,根据属性计算出一个新值,该值被称为计算属性。 如根据商品数量,计算数量总和 再如根据商品数量和单价计算总价
最新版vue3+TypeScript开发入门到实战教程之toRefs与toRef实用技巧
toRefs与toRef具体用法,toRefs将响应式对象结构解析数据变成响应式,toRef将响应式对象中的一个数据变成响应式
最新版vue3+TypeScript开发入门到实战教程之ref与reactive的实战区别用法
ref定义基础类型数据 reactive定义对象数据 但ref也可以定义对象类型的数据。但底层基于reactive实现
最新版vue3+TypeScript开发入门到实战教程之学会vue3真正的响应式数据
在vue2那个年代,响应式数据是在data里面定义,只要把数据放在data里,然后在模版内引用,数据一变,模版就跟着显示,如下图代码: 点击按钮改变鱼。fish一变化,模版就跟着变化,
最新版vue3+TypeScript开发入门到实战教程之学会vue3第一步必是setup语法糖
在vue3中,若没有学好setup函数,后面学习vue3将会越学越乱。 setup是一个函数,它在vue3是一个新的配置项,是组合式语法 (Composition API)表演的舞台
最新版vue3+TypeScript开发入门到实战教程之搭建开发工具与项目结构分析
开发vue3 ,官方推荐使用vscode,还特地为vscode开发新的插件Vue-Official,详细分析vue3项目结构,并创建最简hello-world
下一页