-
Vue3 – Uni-App 小程序项目配置(Vite+TS+Vue3+Pinia)
简介 本文主要讲解使用 Uni-app 开发多端小程序之前,需要对项目进行配置,以及注意事项。 创建项目 使用 HBuildX 创建小程序项目 使用HBX创建非常简单,通过以下步骤就可以实现项目创……
2023-08-17559 0 0 -
Vue3 – 组件间数据传输的几种方法
简介 讲解Vue3中几种组件间数据传递的方法。 prop porp 参数传递,可适用于父组件传递数据到子组件的场境。 注意点: 1.prop数据只读 2.defineProp 不需要引入vue 示例: 父组……
2023-08-11555 0 0 -
Vue3 – 自定义指令 directives
简介 Vue 自带的指令有非常多,比如 v-if 、v-show.这些都是Vue自带给我们使用的指令。 Vue 还提供了用户自定义指令的方法,用户可以自定义创建指令,自定义指令方法。 本文讲解在Vue3中如何……
2023-07-27594 0 0 -
Pinia – 新一代数据共享插件使用说明
简介 Pinia 是Vue3中替代Vuex的新一代数据共享插件,本文为Pinia的基本使用教程。 与VueX的区别 采用组合式API 所谓组合式API,指的是我们所有需要调的函数或数据,都不会直接保存到Vue……
2023-07-11604 0 0 -
Vue3+Vite 项目搭建基础依赖安装
简介 使用Vite + Vue3 + TS 开发的项目,在项目搭建初期,需要对项目加入必要的依赖,尤其是企业级开发时,对于项目的标准化工作,起到很重要的作用。 完整项目下载(未包含依赖项):……
2023-07-10643 0 0 -
Vue3 – Suspense 异步渲染组件
简介 Suspense 是 Vue3 提供的一种新的组件渲染方式,Vue 的组件通常使用同步渲染方式,如果一个父组件中,包含了多个子组件,那及这个父组件要渲染完成,必须要把它所包含的所有子组件都渲染……
2023-03-14555 0 0 -
Vue3 – Teleport 组件
简介 Teleport 是Vue3 新推出的一种组件功能,它可以使任意Dom元素传送到页面中的任意位置。 Teleport 定义 使用 <teleport to="xxx"></teleport> 标签包裹的元素,可以……
2023-03-14574 0 0 -
Vue3 – 响应式数据的判断
简介 对于当数据特别多或数据比较陌生的时候,你不确定它是否为某些响应式数据的时候,可以通过Vue3提供的4个方法来判断该数据类型是否为响应式。 isRef 判断数据是否为 ref 响应式数……
2023-03-14540 0 0 -
Vue3 – customRef 应用
简介 customRef 是Vue3提供的一种自定义设置响应式数据的组合式API,它允许用户自定义封装响应式数据。 customRef 的定义 customRef() 方法提供两个参数,分别是 track 和 trigger. 它……
2023-03-14534 0 0 -
Vue3 – toRaw 与 markRaw
简介 Vue3 提供了一种把响应式转为普通对象数据的方法 toRaw. 和永久标记为普通对象数据的方法 markRaw. toRaw toRaw 可以让本为响应式的对象数据转为普通不响应式的数据。toRaw 只能……
2023-03-14534 0 0