• 基于 vite 创建 vue3 全家桶项目(vite + vue3 + tsx + pinia)

    时间:2022-09-26 14:25:33

    vite 最近非常火,它是 vue 作者尤大神发布前端构建工具,底层基于 Rollup,无论是启动速度还是热加载速度都非常快。vite 随 vue3 正式版一起发布,刚开始的时候与 vue 绑定在一起,但之后的 v2 版本便比较独立,vite 不仅支持 vue,还支持 React、Preact、Va...

  • Vue3中使用pinia

    时间:2022-09-26 13:10:50

    目录 1、安装:npm install pinia 2、创建store文件并配置内部的index.js文件 3、main.js文件中配置 4、组件使用 4-1、 store.$reset()    4-2 store.$patch  5.订阅修改 6.Getter 7、Actions 1、安装:...

  • vue使用pinia (vue2/vue3)

    时间:2022-09-26 12:59:32

    pinia是什么?Pinia 是 Vue.js 的轻量级状态管理库 官方网站:Pinia 中文文档:   介绍 | Pinia 中文文档 pinia与vuex4 相同 是vue 官方 状态管理工具(作者是 Vue 核心团队成员)是vue开发者工具支持pinia不同 pinia相比vuex4,对于vu...

  • vue3中defineComponent 的作用

    时间:2022-09-24 15:06:43

    vue3中,新增了 defineComponent ,它并没有实现任何的逻辑,只是把接收的 Object 直接返回,它的存在是完全让传入的整个对象获得对应的类型,它的存在就是完全为了服务 TypeScript 而存在的。我都知道普通的组件就是一个普通的对象,既然是一个普通的对象,那自然就不会获得自动...

  • Vue3 封装 Element Plus Menu 无限级菜单组件

    时间:2022-09-24 15:06:29

    本文分别使用 SFC(模板方式)和 tsx 方式对 Element Plus el-menu 组件进行二次封装,实现配置化的菜单,有了配置化的菜单,后续便可以根据路由动态渲染菜单。1 数据结构定义1.1 菜单项数据结构使用 element-plus el-menu 组件实现菜单,主要包括三个组件:e...

  • vue3 的 ref、isRef、toRef、toRefs、toRaw 详细介绍

    时间:2022-09-24 14:21:37

    ref、isRef、toRef、toRefs、toRaw 看着一堆类似的东西,一个头两个大,今天整理一篇文章详细介绍它们的功能及区别。1、refref 属性除了能够获取元素外,也可以使用 ref 函数,创建一个响应式数据,当数据值发生改变时,视图自动更新。<script lang="ts" s...

  • 推荐 7 个 Vue2、Vue3 源码解密分析的开源项目

    时间:2022-09-15 12:14:36

    基于现在的程序员工作模式(模块化开发,只需要拿到需求做自己的部分),别说看源码,甚至就连项目里的代码都懒的去看,我认识的很多程序员就是这样的,一个项目摸了两三年,你要问他项目中 webpack 都干了哪些事情,他的回答

  • 详解Vue3 Teleport 的实践及原理

    时间:2022-09-13 19:05:32

    这篇文章主要介绍了Vue3 Teleport 组件的实践及原理,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧

  • 推荐十个好用的 Vue3 的开源项目,开发效率又能提升了!

    时间:2022-09-13 19:01:02

    大家好,我是你们的 猫哥,那个不喜欢吃鱼、又不喜欢喵 的超级猫又在线营业啦。平时如何发现好的开源项目,可以看看这篇文章:GitHub 上能挖矿的神仙技巧 - 如何发现优秀开源项目。

  • Vue 3 学习笔记—Vue3 中 Computed 的新用法

    时间:2022-09-13 19:01:20

    这篇文章主要介绍 vue3 中 computed 的新用法,对比 vue2 中的写法,让您快速掌握 vue3 中 computed 的新用法。

  • 使用 Vue3 构建 Web Components

    时间:2022-09-08 18:03:57

    有时候想写一个无关框架组件,又不想用原生或者 Jquery 那套去写,而且还要避免样式冲突,用 Web Components 去做刚觉就挺合适的。但是现在 Web Components 使用起来还是不够灵活,很多地方还是不太方便的,如果能和 MVVM 搭配使用就好了。早在之前 Angular 就支持...

  • 详解vue3中渲染函数的非兼容变更

    时间:2022-08-30 23:40:24

    这篇文章主要介绍了详解vue3中渲染函数的非兼容变更,帮助大家更好的理解和学习使用vue框架,感兴趣的朋友可以了解下

  • 使用vue3重构拼图游戏的实现示例

    时间:2022-08-30 23:40:18

    这篇文章主要介绍了使用vue3重构拼图游戏的实现示例,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧

  • vue3的动态组件是如何工作的

    时间:2022-08-30 23:05:30

    这篇文章主要介绍了vue3的动态组件是如何工作的,帮助大家更好的理解和学习使用vue框架,感兴趣的朋友可以了解下

  • Vue3 学习笔记— Axios 的使用有变化吗?

    时间:2022-07-04 20:12:10

    本篇文章主要目的就是想告诉我身边,正在学 vue3 或者 准备学 vue3 的同学,vue3中网络请求axios该如何使用.

  • WebStorm无法正确识别Vue3组合式API的解决方案

    时间:2022-06-01 18:24:06

    这篇文章主要介绍了WebStorm无法正确识别Vue3组合式API的解决方案,帮助大家更好的理解和学习使用vue框架,感兴趣的朋友可以了解下

  • vue3自定义dialog、modal组件的方法

    时间:2022-06-01 17:04:29

    这篇文章主要介绍了vue3自定义dialog、modal组件的方法,本文给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下

  • vue3使用vue-count-to组件的实现

    时间:2022-06-01 16:47:43

    这篇文章主要介绍了vue3使用vue-count-to组件的实现,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧

  • Vue3.0网页版聊天|Vue3.x+ElementPlus仿微信/QQ界面|vue3聊天实例

    时间:2022-05-31 11:49:09

    一、项目简介基于vue3.x+vuex+vue-router+element-plus+v3layer+v3scroll等技术构建的仿微信web桌面端聊天实战项目Vue3-Webchat。基本上实现发送消息+emoj表情、图片/视频查看、链接预览、粘贴截图/拖拽发送图片、红包/朋友圈等功能。二、使用...

  • vue3为什么要用proxy替代defineProperty

    时间:2022-05-30 19:16:40

    这篇文章主要介绍了vue3为什么要用proxy替代defineProperty,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧