Vue
  • Vue3 – Uni-App 小程序项目配置(Vite+TS+Vue3+Pinia)

    简介 本文主要讲解使用 Uni-app 开发多端小程序之前,需要对项目进行配置,以及注意事项。   创建项目 使用 HBuildX 创建小程序项目 使用HBX创建非常简单,通过以下步骤就可以实现项目创……

    2023-08-17
    559 0 0
  • Vue3 – 组件间数据传输的几种方法

    简介 讲解Vue3中几种组件间数据传递的方法。   prop porp 参数传递,可适用于父组件传递数据到子组件的场境。 注意点: 1.prop数据只读 2.defineProp 不需要引入vue   示例: 父组……

    2023-08-11
    555 0 0
  • Vue3 – 自定义指令 directives

    简介 Vue 自带的指令有非常多,比如 v-if 、v-show.这些都是Vue自带给我们使用的指令。 Vue 还提供了用户自定义指令的方法,用户可以自定义创建指令,自定义指令方法。 本文讲解在Vue3中如何……

    2023-07-27
    594 0 0
  • Pinia – 新一代数据共享插件使用说明

    简介 Pinia 是Vue3中替代Vuex的新一代数据共享插件,本文为Pinia的基本使用教程。   与VueX的区别 采用组合式API 所谓组合式API,指的是我们所有需要调的函数或数据,都不会直接保存到Vue……

    2023-07-11
    604 0 0
  • Vue3+Vite 项目搭建基础依赖安装

    简介 使用Vite + Vue3 + TS 开发的项目,在项目搭建初期,需要对项目加入必要的依赖,尤其是企业级开发时,对于项目的标准化工作,起到很重要的作用。   完整项目下载(未包含依赖项):……

    2023-07-10
    643 0 0
  • Vue3 – Suspense 异步渲染组件

    简介 Suspense 是 Vue3 提供的一种新的组件渲染方式,Vue 的组件通常使用同步渲染方式,如果一个父组件中,包含了多个子组件,那及这个父组件要渲染完成,必须要把它所包含的所有子组件都渲染……

    2023-03-14
    555 0 0
  • Vue3 – Teleport 组件

    简介 Teleport 是Vue3 新推出的一种组件功能,它可以使任意Dom元素传送到页面中的任意位置。   Teleport 定义 使用 <teleport to="xxx"></teleport>  标签包裹的元素,可以……

    2023-03-14
    574 0 0
  • Vue3 – 响应式数据的判断

    简介 对于当数据特别多或数据比较陌生的时候,你不确定它是否为某些响应式数据的时候,可以通过Vue3提供的4个方法来判断该数据类型是否为响应式。   isRef 判断数据是否为 ref 响应式数……

    2023-03-14
    540 0 0
  • Vue3 – customRef 应用

    简介 customRef 是Vue3提供的一种自定义设置响应式数据的组合式API,它允许用户自定义封装响应式数据。   customRef 的定义 customRef() 方法提供两个参数,分别是 track 和 trigger. 它……

    2023-03-14
    534 0 0
  • Vue3 – toRaw 与 markRaw

    简介 Vue3 提供了一种把响应式转为普通对象数据的方法 toRaw. 和永久标记为普通对象数据的方法 markRaw.   toRaw toRaw 可以让本为响应式的对象数据转为普通不响应式的数据。toRaw 只能……

    2023-03-14
    534 0 0