使用vue+element建站（一）

BigNerdCoding 發布于2019-08-26 10:28 / 3188人閱讀

摘要：本文環境基于入手進行使用了一套基于插件的架構，官方為新版的準備了相應的插件在此我們可以直接使用。現在對于一個項目是否需要使用基本是沒有人再去討論了，反正我的意見還是有一定需求就去用吧。接下來我們就開始正式進行網站的開發。

本文環境基于入手vue-cli 3.x進行

Element

vue-cli使用了一套基于插件的架構，element官方為新版的vue-cli準備了相應的element 插件,在此我們可以直接使用。

vue add element

注：在安裝完成后，全部引用和按需加載，我選擇的按需加載。如果想要省事，或者已經選擇按需加載后覺得麻煩

vue-router

因為在之前vue-cli生成的代碼中，我選擇默認設置，并未選擇router，在這里我需要使用它，需要安裝router。

vue add @vue/router

vuex

現在對于一個Vue項目是否需要使用vuex,基本是沒有人再去討論了，反正我的意見還是有一定需求就去用吧。

vue add @vue/vuex

后續對于router，vuex都會多帶帶寫一些文章，這里簡單說下安裝后繼續進行順便給大家分享一個免費的圖標素材網站 easyicon https://www.easyicon.net/ 可以去換個自己喜歡的 favicon.ico

通過在根實例中注冊 store router 選項，store router 實例會注入到根組件下的所有子組件中，子組件能通過 this.$store this.$router訪問到 store router了

運行剛建的項目

yarn serve

這時候我們已經可以看到 vue全家桶+element的網站已經跑起來了。
路由的概念相信大部分人并不陌生，它的作用就是根據不同的路徑映射到不同的視圖，在router.js中我們可以看到

path默認映射的home組件，而home實際是引用的，src/components/HelloWorld.vue
打開HelloWorld.vue，就會發現，首頁所展示的內容原來是這樣來的，下面我們稍微改動一下

現在首頁就會變成

這樣element也就在我們項目中使用了。
接下來我們就開始正式進行網站的開發。

GPU云服務器云服務器 vue使用webrtc vue 中使用 webrtc vue怎么使用webRTC vue中使用webrtc

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/106230.html

使用vue+element建站（一）

摘要：本文環境基于入手進行使用了一套基于插件的架構，官方為新版的準備了相應的插件在此我們可以直接使用。現在對于一個項目是否需要使用基本是沒有人再去討論了，反正我的意見還是有一定需求就去用吧。接下來我們就開始正式進行網站的開發。本文環境基于入手vue-cli 3.x進行 Element vue-cli使用了一套基于插件的架構，element官方為新版的vue-cli準備了相應的element...

Keagan 2019-08-02 15:40 評論0 收藏0
【收藏】2019年最新Vue相關精品開源項目庫匯總

摘要：前言本文的前身是源自上的項目但由于該項目上次更新時間為年月日，很多內容早已過期或是很多近期優秀組件未被收錄，所以小肆今天重新更新了內容并新建項目。提交的項目格式如下項目名稱子標題相關介紹如果收錄的項目有錯誤，可以通過反饋給小肆。前言本文的前身是源自github上的項目awesome-github-vue,但由于該項目上次更新時間為2017年6月12日，很多內容早已過期或是很多近期優...

williamwen1986 2019-08-23 14:50 評論0 收藏0
知乎書籍排行網站——建站始末

摘要：一時心血來潮，于是當時想，如果拿來分析知乎這個網站，會有什么效果呢。知乎并沒有公開，只能采取爬蟲手段。如此，大概率會觸發知乎反爬蟲系統，所以采取以下方法來回避這個問題代理池。但是，很多情況下知乎還是能通過你的請求得到你的真實。。網站地址books.bigfacewo.com最近工作去了，感覺人也變懶了，一直想寫一些關于這個網站東西分享出來。慢慢寫吧。前情提要：對于大神來說，這個網站使...

Tony 2019-08-30 13:52 評論0 收藏0
知乎書籍排行網站——建站始末

摘要：一時心血來潮，于是當時想，如果拿來分析知乎這個網站，會有什么效果呢。知乎并沒有公開，只能采取爬蟲手段。如此，大概率會觸發知乎反爬蟲系統，所以采取以下方法來回避這個問題代理池。但是，很多情況下知乎還是能通過你的請求得到你的真實。。網站地址books.bigfacewo.com最近工作去了，感覺人也變懶了，一直想寫一些關于這個網站東西分享出來。慢慢寫吧。前情提要：對于大神來說，這個網站使...

stormzhang 2019-08-01 18:30 評論0 收藏0