• 技术文章 >web前端 >Vue.js

    6个实用的Vue3相关生态(总结分享)

    青灯夜游青灯夜游2022-10-19 17:01:29原创285
    本篇文章带大家整理分享一些实用的vue相关生态,希望对大家有所帮助!

    1、Vue 插件库

    Vue 插件库收集了最新最全的Vue插件和提供各种Vue插件的详细使用方法,支持在线预览,Vue 插件下载。(学习视频分享:vue视频教程

    官方地址:https://www.vue365.cn/

    1.png

    大前端成长进阶课程:进入学习

    vue插件库 旨在为Web和移动应用程序开发人员提供最新的免费Vue.js组件和插件。

    2、Pinia

    轻量级状态管理库,API 设计更接近Vuex 5的提案,也是Vue核心团队推荐的状态管理库,同时支持 Vue2 和 Vue3。

    官方地址:https://pinia.vuejs.org/

    2.png

    特性

    Pinia具有以下几点特性:

    使用 Pinia 获得可很多好处:

    3、Nuxt Modules

    由Nuxt团队和社区创建, 了解我们的模块列表,以增强您的Nuxt项目。

    3.png

    4、Nuxt 3

    轻量级应用框架,可用来创建服务端渲染 (SSR) 应用

    官方地址:https://v3.nuxtjs.org/

    中文文档:https://www.nuxtjs.org.cn/

    4.png

    整合vite + vue3 + composition api + ts、CLI、DevTools、Nuxt Kit表明,这是一个体系完备的通用开发框架,能提供良好的代码组织、极高的开发效率、开发体验和服务端渲染/静态网站生成(SSR/SSG)能力,这才是硬核!

    Nuxt 3新特性

    Nuxt 3 的重构精简了内核,并且让速度更快,开发体验更好。

    5、vuepress

    vuepress是一个基于vue的静态网站生成器,可以用来写文档的。

    官方地址:https://v2.vuepress.vuejs.org/zh/

    5.png

    vuepress 是 Vuejs 官方提供的一个是Vue驱动的静态网站生成器,基于Markdown语法生成网页。简单的说它就是一个快速建设文档站点的工具,在简单配置好功能后,需要做的事情就剩下写好一个个 Markdown 文档,并且可以将其发布到github。

    特性(features)

    6、VueUse

    强大的 Vue 组合实用程序集合,是一个基于 Composition API 实现的基本 Vue 组合实用函数的集合。

    官方地址:https://vueuse.org/

    github地址:https://github.com/vueuse/vueuse

    6.png

    VueUse 借助 vue-demi 的强大功能,可以在一个包中同时适用于 Vue2 和 Vue3!

    Vue 3 Demo:

    Vue 2 Demo:Vue CLI

    另外,要注意库的版本:

    从 v6.0 版本起,vue3 需要 vue >= v3.2;vue2 需要依赖 @vue/composition-api>@vue/composition >= v1.1

    【相关视频教程推荐:vuejs入门教程web前端入门

    以上就是6个实用的Vue3相关生态(总结分享)的详细内容,更多请关注php中文网其它相关文章!

    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。

    前端(VUE)零基础到就业课程:点击学习

    清晰的学习路线+老师随时辅导答疑

    快捷开发Web应用及小程序:点击使用

    支持亿级表,高并发,自动生成可视化后台。

    专题推荐:vue3
    上一篇:10个提高开发效率的Vue3常用插件(快来收藏) 下一篇:自己动手写 PHP MVC 框架(40节精讲/巨细/新人进阶必看)

    相关文章推荐

    • ❤️‍🔥共22门课程,总价3725元,会员免费学• ❤️‍🔥接口自动化测试不想写代码?• 【整理总结】详解Vue3的11个知识点• 一文详解Vue3项目中怎么引入 SVG 图标• 聊聊怎么用Vue3构建Web Components• 9个vue3开发技巧,提升效率帮助你早点下班!• 聊聊vue3中的name属性,看看怎么使用!• 一文深入剖析Vue3中的响应式机制
    1/1

    PHP中文网