成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

使用vue+element建站(一)

BigNerdCoding / 3199人閱讀

摘要:本文環(huán)境基于入手進行使用了一套基于插件的架構(gòu),官方為新版的準備了相應(yīng)的插件在此我們可以直接使用。現(xiàn)在對于一個項目是否需要使用基本是沒有人再去討論了,反正我的意見還是有一定需求就去用吧。接下來我們就開始正式進行網(wǎng)站的開發(fā)。

本文環(huán)境基于入手vue-cli 3.x進行

Element

vue-cli使用了一套基于插件的架構(gòu),element官方為新版的vue-cli準備了相應(yīng)的element 插件,在此我們可以直接使用。

vue add element


注:在安裝完成后,全部引用和按需加載,我選擇的按需加載。如果想要省事,或者已經(jīng)選擇按需加載后覺得麻煩

vue-router

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

vue add @vue/router

vuex

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

vue add @vue/vuex

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

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

運行剛建的項目
yarn serve


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


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

現(xiàn)在首頁就會變成


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

文章版權(quán)歸作者所有,未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址:http://systransis.cn/yun/106230.html

相關(guān)文章

  • 使用vue+element建站

    摘要:本文環(huán)境基于入手進行使用了一套基于插件的架構(gòu),官方為新版的準備了相應(yīng)的插件在此我們可以直接使用?,F(xiàn)在對于一個項目是否需要使用基本是沒有人再去討論了,反正我的意見還是有一定需求就去用吧。接下來我們就開始正式進行網(wǎng)站的開發(fā)。 本文環(huán)境基于入手vue-cli 3.x進行 Element vue-cli使用了一套基于插件的架構(gòu),element官方為新版的vue-cli準備了相應(yīng)的element...

    Keagan 評論0 收藏0
  • 【收藏】2019年最新Vue相關(guān)精品開源項目庫匯總

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

    williamwen1986 評論0 收藏0
  • 知乎書籍排行網(wǎng)站——建站始末

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

    Tony 評論0 收藏0
  • 知乎書籍排行網(wǎng)站——建站始末

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

    stormzhang 評論0 收藏0

發(fā)表評論

0條評論

閱讀需要支付1元查看
<