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.pswp.cn/news/711533.shtml
繁體地址,請注明出處:http://hk.pswp.cn/news/711533.shtml
英文地址,請注明出處:http://en.pswp.cn/news/711533.shtml

如若內容造成侵權/違法違規/事實不符,請聯系多彩編程網進行投訴反饋email:809451989@qq.com,一經查實,立即刪除!

相關文章

/proc/cpuinfo文件內容詳解

/proc/cpuinfo 文件包含了有關系統 CPU 的信息&#xff0c;每一行代表一個屬性及其對應的值。以下是一些常見的屬性及其含義&#xff1a; 1. processor&#xff1a;表示 CPU 的物理編號&#xff0c;通常從 0 開始遞增。 2. vendor_id&#xff1a;CPU 廠商的名稱&#xff0c;如…

藍橋杯 砝碼稱重 dp/dfs

題目鏈接&#xff1a; https://www.lanqiao.cn/problems/1447/learning/?subject_code1&group_code4&match_num12&match_flow1&origincup 思想&#xff1a;dfs暴力枚舉過一半的分 代碼&#xff1a; #include<bits/stdc.h> using namespace std;#def…

快速開發一個鴻蒙的頁面

文章目錄 前言常用組件快速開啟簡單的鴻蒙頁面總結 一、前言 鴻蒙要想快速上手&#xff0c;那么就需要對基礎的組件使用比較熟悉&#xff0c;這里就羅列開發中常見的基礎組件的使用。 只要是寫android的&#xff0c;對于這些組件的使用還是能很快上手的&#xff0c;只要多多…

01-prometheus監控系統-安裝部署prometheus

一、準備環境 主機名ip配置prometheus-server3110.0.0.311核1g-20GBprometheus-server3210.0.0.311核1g-20GBprometheus-server3310.0.0.311核1g-20GB 二、下載/上傳軟件包 1&#xff0c;軟件包地址 這里給大家準備了百度云盤的安裝包&#xff1b; 鏈接&#xff1a;https:/…

FRM模型十二:極值理論

目錄 極值理論介紹GEVPOT 代碼實現 極值理論介紹 在風險管理中&#xff0c;將事件分為高頻高損、高頻低損、低頻高損、低頻低損。其中低頻高損是一種非常棘手的損失事件&#xff0c;常出現在市場大跌、金融體系崩潰、金融危機以及自然災害等事件中。 由于很難給極端事件一個準…

Spring 學習記錄

Spring 學習記錄 1. Spring和SpringFrameWork1.1 廣義的Spring2.1 狹義的Spring2.3 SpringFrameWork / Spring框架圖 2. Spring IOC容器(即上圖中的Core Container)2.1 相關概念 (IOC DI 容器 組件)2.2 Spring IOC容器的作用2.3 Spring IOC容器接口和具體實現類 3. Spring IOC …

flask 數據庫遷移報錯 Error: No such command ‘db‘.

初學FLASK&#xff0c;使用pycharm的terminal 啟動&#xff0c;實現數據庫遷移 文件結構 項目啟動文件不在一級目錄pycharm>terminal啟動 由于自己初入 python flask 很多東西并不懂&#xff0c;只能依葫蘆畫瓢&#xff0c;使用如下命令,輸入完第一行命令執行沒有任何錯誤…

素數合集(C語言版)

目錄 判斷素數函數 題目 素數個數 素數求和 最大的素數

微信小程序 ---- 慕尚花坊 購物車

購物車 01. 購物車-封裝購物車接口 API 思路分析&#xff1a; 為了方便后續進行購物車模塊的開發&#xff0c;我們在這一節將購物車所有的接口封裝成接口 API 函數 落地代碼&#xff1a; import http from ../utils/http/*** description 獲取購物車列表數據* returns Pro…

Vue ElementUI 修改消息提示框樣式—messageBox 的大小

在窄屏模式下&#xff08;移動端或pda&#xff09;&#xff0c;提示框的寬度太寬&#xff0c;會出現顯示不完全的問題。 應當如何修改 ElementUI 的樣式呢&#xff1f; open() {this.$confirm(window.vm.$i18n.t("tips.conLogOut"),window.vm.$i18n.t("tips.tip…

11-Linux部署集群準備

Linux部署集群準備 介紹 在前面&#xff0c;我們所學習安裝的軟件&#xff0c;都是以單機模式運行的。 后續&#xff0c;我們將要學習大數據相關的軟件部署&#xff0c;所以后續我們所安裝的軟件服務&#xff0c;大多數都是以集群化&#xff08;多臺服務器共同工作&#xff…

【機器學習實戰1】泰坦尼克號:災難中的機器學習(一)數據預處理

&#x1f338;博主主頁&#xff1a;釉色清風&#x1f338;文章專欄&#xff1a;機器學習實戰&#x1f338;今日語錄&#xff1a;不要一直責怪過去的自己&#xff0c;她曾經站在霧里也很迷茫。 &#x1f33c;實戰項目簡介 本次項目是kaggle上的一個入門比賽 &#xff1a;Titani…

錨索測力計數據處理與分析:MCU自動測量單元的應用

錨索測力計作為一種重要的工程監測工具&#xff0c;在橋梁、大壩、隧道等結構物的健康監測中發揮著日益重要的作用。如何高效、準確地處理和分析&#xff0c;錨索測力計所獲取的數據成為了工程師們面臨的重要問題。近年來&#xff0c;隨著微控制器(MCU)技術的快速發展&#xff…

Python繪制實時空氣質量地圖

我們將使用 Google Colab 中的 Python 創建包含實時空氣質量數據的交互式地圖。 ??簡介 如果有人想查看地圖上各個傳感器的空氣質量分布情況,以檢查特定位置的空氣質量數據,該怎么辦?我接下來將解決這個問題。我們重點關注基于名為 PurpleAir 的密集空氣質量網絡來識別我們…

spring: HandlerInterceptor

文章目錄 一、什么是HandlerInterceptor二、應用示例 一、什么是HandlerInterceptor HandlerInterceptor 是 Spring 框架中的一個接口&#xff0c;用于攔截處理程序執行。在 Spring MVC 中&#xff0c;你可以使用 HandlerInterceptor 來在處理程序執行前、執行后或渲染視圖之前…

51-n皇后(回溯算法)

題目 按照國際象棋的規則&#xff0c;皇后可以攻擊與之處在同一行或同一列或同一斜線上的棋子。 n 皇后問題 研究的是如何將 n 個皇后放置在 nn 的棋盤上&#xff0c;并且使皇后彼此之間不能相互攻擊。 給你一個整數 n &#xff0c;返回所有不同的 n 皇后問題 的解決方案。 每一…

前端開發項目必備神器之node工具整理

前言&#xff1a; 在我們開發項目中&#xff0c;node是我們必備的工具&#xff0c;在為了適應各種不同的開發需求的同時&#xff0c;node也有很多好用的插件提供給我們&#xff0c;這里整理個人的使用分享給大家&#xff01; 一、node相關 1、node官方網站&#xff0c;可以安裝…

模擬算法題練習(二)(DNA序列修正、無盡的石頭)

&#xff08;一、DNA序列修正&#xff09; 問題描述 在生物學中&#xff0c;DNA序列的相似性常被用來研究物種間的親緣關系。現在我們有兩條 DNA序列&#xff0c;每條序列由 A、C、G、T 四種字符組成&#xff0c;長度相同。但是現在我們記錄的 DNA序列存在錯誤&#xff0c;為了…

ubuntu基礎操作(1)-個人筆記

搜狗輸入法Linux官網-首頁搜狗輸入法for linux—支持全拼、簡拼、模糊音、云輸入、皮膚、中英混輸https://pinyin.sogou.com/linux 1.關閉sudo密碼&#xff1a; 終端&#xff08;ctrl alt t&#xff09;輸入 sudo visudo 打開visudo 找到 %sudo ALL(ALL:ALL) ALL 這一行…

羊大師分享,羊奶奶有哪些對健康有益的喝法?

羊大師分享&#xff0c;羊奶奶有哪些對健康有益的喝法&#xff1f; 羊奶奶有多種對健康有益的喝法&#xff0c;以下是一些建議&#xff1a; 直接飲用&#xff1a;將羊奶直接煮沸后飲用&#xff0c;可以保留羊奶中的營養成分&#xff0c;為身體提供全面的滋養。羊奶的豐富蛋白質…