Vue官网“食用指南”

把Vue官网当做一个工具来用,有问题,先来官网查一查。

官网中常用的板块

官网:https://cn.vuejs.org/
上手后,最常用的模块是【快速上手】【API】。所以务必要知道这两个模块在哪里,怎么使用。
![image.png](https://img-blog.csdnimg.cn/img_convert/3d2cf27a885291fb67ecace732133939.png 700x700)

【快速上手】模块:

是一个引导你如何快速搭建一个vue项目的指南说明书。<br />![image.png](https://cdn.nlark.com/yuque/0/2024/png/1028058/1709030229334-42b556aa-1d61-4164-9491-64ba79357a21.png#averageHue=%23b2947a&clientId=u259b2c5f-fe14-4&from=paste&height=1151&id=ue5575ad3&originHeight=2302&originWidth=1946&originalType=binary&ratio=2&rotation=0&showTitle=false&size=568241&status=done&style=none&taskId=u0a93a392-0b91-4e91-acb3-6f50987c7b6&title=&width=973)

【API】模块:

api就相当于是一个字典,方便查询指令和配置
image.png
image.png

【示例】模块:

为新手提供的小dome,如下图中,跟着写App.vue和Grid.vue这两个文件就可以实现右侧的表格效果。
image.png

【生态环境】模块:

  • 生态环境模块中最为重要的是【UI组件】和【官方库】部分,在官方库中,你可以下载插件安装到自己的项目中。

image.png

  • 在【GitHub论坛】中可以去跟来自全球正在使用vue的开发者们一起交流,甚至进行社区贡献。指路论坛:https://github.com/vuejs/core/discussions
    在这里插入图片描述


image.png

  • 在【主题】部分中,是一些官方给你写好的主题,相当于系统模版,结构、样式都有了,只需加入自己的组件即可使用。

这里面有几个是免费的,大多数是收费的,做毕设,或者自己从头开始做一个项目应用的小伙伴可以使用。但是,国内呢,也有很多免费且更优秀的vue模版,推荐使用国内的,自己可以找一下github或B站。

image.png

【Awesome Vue】模块:

在最新的vue官网上找不到入口了,指路:https://github.com/vuejs/awesome-vue。
用处:vue发展到如今,有很强大的生态,这个模块是vue官方给你整理的比较好用的包。如需要,可以来这里找。如需要做个报表,就可以借助第三方库Charts。

在这里插入图片描述

![外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传])
image.png

点进去就出现下图,这些都是Vue官方觉得很不错的跟Charts相关的第三方库。
image.png
如选择vue-echarts,点进去出现下图内容,会有这个插件库的使用步骤,如下三图,会告诉你怎么引入使用这个插件库:
image.png
image.png
image.png
在vue-echars中,可以看到下面👇🏻有一个Demo,点进去可以预览插件的效果图,如下:
在这里插入图片描述


在这里插入图片描述

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.hqwc.cn/news/497129.html

如若内容造成侵权/违法违规/事实不符,请联系编程知识网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

VL817-Q7 USB3.0 HUB芯片 适用于扩展坞 工控机 显示器

VL817-Q7 USB3.1 GEN1 HUB芯片 VL817-Q7 USB3.1 GEN1 HUB芯片 VIA Lab的VL817是一款现代USB 3.1 Gen 1集线器控制器&#xff0c;具有优化的成本结构和完全符合USB标准3.1 Gen 1规范&#xff0c;包括ecn和2017年1月的合规性测试更新。VL817提供双端口和双端口4端口配置&…

centos7挂载磁盘分区

centos7挂载磁盘分区 当前系统centos7 PV,VG,LV构成了一种易于管理拥有一个或多个硬盘的主机的文件系统&#xff0c;这些硬盘可能只有一个分区也可能有多个。通过将这些物理存在的分区(或称为卷)PV(physical volume)进行整合&#xff0c;组成一个分区(卷)组VG(volume group)&a…

vue中组合式API和选项式API的区别

组合式api&#xff08;Composition API&#xff09;是vue3对我们开发者来说变化非常大的更新&#xff0c;我们先不关注具体语法&#xff0c;先对它有一个大的感知。 通过vue2, vue3两种形式实现同一个需求&#xff0c;理解vue3的compition api 带来的好处 两个独立的功能&…

java高并发场景面试题,干货来袭

为什么阿里巴巴的持久层抛弃hibernate&#xff0c;采用MyBatis框架&#xff1f; 原因大概有以下4点&#xff1a; 尤其是需要处理大量数据或者大并发情况的网站服务&#xff0c;这也阿里选择MyBatis的原因。 MyBatis整体架构 不多讲&#xff0c;先看目录图 MyBatis源码笔记文档…

黑马设计模式笔记(一)

1,设计模式概述 1.1软件设计模式的产生背景 "设计模式"最初并不是出现在软件设计中,而是被用于建筑领域的设计中。 1977年美国著名建筑大师、加利福尼亚大学伯克利分校环境结构中心主任 克里斯托夫亚历山大&#xff08;Christopher Alexander)在他的著作《建筑模式…

第N3周:Pytorch文本分类入门

>- **&#x1f368; 本文为[&#x1f517;365天深度学习训练营](https://mp.weixin.qq.com/s/rbOOmire8OocQ90QM78DRA) 中的学习记录博客** >- **&#x1f356; 原作者&#xff1a;[K同学啊 | 接辅导、项目定制](https://mtyjkh.blog.csdn.net/)** import torch import…

等保2.0高风险项全解析:判定标准与应对方法

引言 所谓高风险项&#xff0c;就是等保测评时可以一票否决的整改项&#xff0c;如果不改&#xff0c;无论你多少分都会被定为不合格。全文共58页&#xff0c;写得比较细了&#xff0c;但是想到大家基本不会有耐心去仔细看的&#xff08;凭直觉&#xff09;。这几天挑里边相对…

vue -- watermark水印添加方法

前言 项目生成公司水印是很普遍的需求&#xff0c;下面是vue项目生产水印的方法。话不多说&#xff0c;复制粘贴就可以马上解决你的需求。 步骤1 创建watermark.js文件。目录结构 /** 水印添加方法 */let setWatermark (str1, str2) > {let id 1.23452384164.1234124…

【冲击蓝桥篇】动态规划(下):你还在怕动态规划!?进来!答题模板+思路解析+真题实战

&#x1f389;&#x1f389;欢迎光临&#x1f389;&#x1f389; &#x1f3c5;我是苏泽&#xff0c;一位对技术充满热情的探索者和分享者。&#x1f680;&#x1f680; &#x1f31f;特别推荐给大家我的最新专栏《数据结构与算法&#xff1a;初学者入门指南》&#x1f4d8;&am…

Spring的定时任务不生效、不触发,一些可能的原因,和具体的解决方法。

1 . 未在启动类上加 EnableScheduling 注解 原因&#xff1a;未在Spring Boot应用主类上添加EnableScheduling注解或未在XML配置文件中配置定时任务的启用。解决方法&#xff1a;确保在应用的配置类上添加EnableScheduling注解&#xff0c;启用定时任务。 2 . cron 表达式书写…

Stable Diffusion 3内测申请~~~快冲鸭~~~~~

Stability AI 将其更改为 Stable Diffusion 3。VentureBeat 报道称&#xff0c;Stability AI 的下一代旗舰 AI 图像生成模型将使用类似于 OpenAI 的 Sora 的扩散变压器框架。其当前模型仅依赖于扩散架构。虽然尚未发布&#xff0c;但您可以在等候名单中注册。 以下内容机翻&am…

基于MQTT协议实现微服务架构事件总线

一、场景描述 昨天在博客《客户端订阅服务端事件的实现方法》中提出了利用websocket、服务端EventEmitter和客户端mitt实现客户端订阅服务端事件&#xff0c;大大简化了客户端对服务端数据实时响应的逻辑。上述方案适用于单服务节点的情形。 对于由服务集群支撑的微服务架构&…