-
Vue3 – Uni-App 小程序项目配置(Vite+TS+Vue3+Pinia)
简介 本文主要讲解使用 Uni-app 开发多端小程序之前,需要对项目进行配置,以及注意事项。 创建项目 使用 HBuildX 创建小程序项目 使用HBX创建非常简单,通过以下步骤就可以实现项目创……
2023-08-17738 0 0 -
Vue3+Vite 项目搭建基础依赖安装
简介 使用Vite + Vue3 + TS 开发的项目,在项目搭建初期,需要对项目加入必要的依赖,尤其是企业级开发时,对于项目的标准化工作,起到很重要的作用。 完整项目下载(未包含依赖项):……
2023-07-10807 0 0 -
Vue3 – Suspense 异步渲染组件
简介 Suspense 是 Vue3 提供的一种新的组件渲染方式,Vue 的组件通常使用同步渲染方式,如果一个父组件中,包含了多个子组件,那及这个父组件要渲染完成,必须要把它所包含的所有子组件都渲染……
2023-03-14720 0 0 -
Vue3 – Teleport 组件
简介 Teleport 是Vue3 新推出的一种组件功能,它可以使任意Dom元素传送到页面中的任意位置。 Teleport 定义 使用 <teleport to="xxx"></teleport> 标签包裹的元素,可以……
2023-03-14735 0 0 -
Vue3 – 响应式数据的判断
简介 对于当数据特别多或数据比较陌生的时候,你不确定它是否为某些响应式数据的时候,可以通过Vue3提供的4个方法来判断该数据类型是否为响应式。 isRef 判断数据是否为 ref 响应式数……
2023-03-14706 0 0 -
Vue3 – customRef 应用
简介 customRef 是Vue3提供的一种自定义设置响应式数据的组合式API,它允许用户自定义封装响应式数据。 customRef 的定义 customRef() 方法提供两个参数,分别是 track 和 trigger. 它……
2023-03-14709 0 0 -
Vue3 – toRaw 与 markRaw
简介 Vue3 提供了一种把响应式转为普通对象数据的方法 toRaw. 和永久标记为普通对象数据的方法 markRaw. toRaw toRaw 可以让本为响应式的对象数据转为普通不响应式的数据。toRaw 只能……
2023-03-14699 0 0 -
Vue3 – toRef 与 toRefs
简介 ref 是Vue3中的一种数据响应式对象,它可以让数据在Vue中实现数据响应的功能,但是在某些情况下,当我们需要调取某些数据时,有可能会丢失响应式的功能。 通过以下代码说明: export def……
2023-03-14636 0 0 -
Vue3 – 生命周期与组合式API
简介 Vue3 中的生命周期函数,与Vue2大致相同,但有部分地方进行了变更。 Vue2 生命周期 Vue3 生命周期 Vue3 支持两种生命周期函数,分别是配置项式生命周期(兼容Vue2生命周……
2023-03-14627 0 0 -
Vue3 – watch 组合式API
简介 watch 是 Vue 提供的一个比较有用的功能,它可以监视数据发生变化时的自定义操作。在Vue3 中提供的 watch 功能与 Vue2 基本一样的,但使用上有一些不同。 watch Vue2 中的 watch ……
2023-03-13647 0 0