資訊專(zhuān)欄INFORMATION COLUMN
摘要：本文環(huán)境基于入手進(jìn)行使用了一套基于插件的架構(gòu)，官方為新版的準(zhǔn)備了相應(yīng)的插件在此我們可以直接使用?，F(xiàn)在對(duì)于一個(gè)項(xiàng)目是否需要使用基本是沒(méi)有人再去討論了，反正我的意見(jiàn)還是有一定需求就去用吧。接下來(lái)我們就開(kāi)始正式進(jìn)行網(wǎng)站的開(kāi)發(fā)。
本文環(huán)境基于入手vue-cli 3.x進(jìn)行
Elementvue-cli使用了一套基于插件的架構(gòu)，element官方為新版的vue-cli準(zhǔn)備了相應(yīng)的element 插件,在此我們可以直接使用。
vue add element
注：在安裝完成后，全部引用和按需加載，我選擇的按需加載。如果想要省事，或者已經(jīng)選擇按需加載后覺(jué)得麻煩
因?yàn)樵谥皏ue-cli生成的代碼中，我選擇默認(rèn)設(shè)置，并未選擇router，在這里我需要使用它，需要安裝router。
vue add @vue/routervuex
現(xiàn)在對(duì)于一個(gè)Vue項(xiàng)目是否需要使用vuex,基本是沒(méi)有人再去討論了，反正我的意見(jiàn)還是 有一定需求就去用吧。
vue add @vue/vuex
后續(xù)對(duì)于router，vuex都會(huì)多帶帶寫(xiě)一些文章，這里簡(jiǎn)單說(shuō)下安裝后繼續(xù)進(jìn)行 順便給大家分享一個(gè)免費(fèi)的圖標(biāo)素材網(wǎng)站 easyicon https://www.easyicon.net/ 可以去換個(gè)自己喜歡的 favicon.ico
通過(guò)在根實(shí)例中注冊(cè) store router 選項(xiàng)，store router 實(shí)例會(huì)注入到根組件下的所有子組件中，子組件能通過(guò) this.$store this.$router訪問(wèn)到 store router了
運(yùn)行剛建的項(xiàng)目yarn serve
這時(shí)候 我們 已經(jīng)可以看到 vue全家桶+element的網(wǎng)站已經(jīng)跑起來(lái)了。
路由的概念相信大部分人并不陌生，它的作用就是根據(jù)不同的路徑映射到不同的視圖，在router.js中我們可以看到
path默認(rèn)映射的home組件，而home實(shí)際是引用的，src/components/HelloWorld.vue
打開(kāi)HelloWorld.vue，就會(huì)發(fā)現(xiàn)，首頁(yè)所展示的內(nèi)容原來(lái)是這樣來(lái)的，下面我們稍微改動(dòng)一下
首頁(yè)
活動(dòng)管理
活動(dòng)列表
活動(dòng)詳情
這是一個(gè)Vue程序
123123
現(xiàn)在首頁(yè)就會(huì)變成
這樣element也就在我們項(xiàng)目中使用了。
接下來(lái)我們就開(kāi)始正式進(jìn)行網(wǎng)站的開(kāi)發(fā)。
文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://www.ezyhdfw.cn/yun/54282.html
摘要：本文環(huán)境基于入手進(jìn)行使用了一套基于插件的架構(gòu)，官方為新版的準(zhǔn)備了相應(yīng)的插件在此我們可以直接使用?，F(xiàn)在對(duì)于一個(gè)項(xiàng)目是否需要使用基本是沒(méi)有人再去討論了，反正我的意見(jiàn)還是有一定需求就去用吧。接下來(lái)我們就開(kāi)始正式進(jìn)行網(wǎng)站的開(kāi)發(fā)。 本文環(huán)境基于入手vue-cli 3.x進(jìn)行 Element vue-cli使用了一套基于插件的架構(gòu)，element官方為新版的vue-cli準(zhǔn)備了相應(yīng)的element...
摘要：前言本文的前身是源自上的項(xiàng)目但由于該項(xiàng)目上次更新時(shí)間為年月日，很多內(nèi)容早已過(guò)期或是很多近期優(yōu)秀組件未被收錄，所以小肆今天重新更新了內(nèi)容并新建項(xiàng)目。提交的項(xiàng)目格式如下項(xiàng)目名稱(chēng)子標(biāo)題相關(guān)介紹如果收錄的項(xiàng)目有錯(cuò)誤，可以通過(guò)反饋給小肆。 前言 本文的前身是源自github上的項(xiàng)目awesome-github-vue,但由于該項(xiàng)目上次更新時(shí)間為2017年6月12日，很多內(nèi)容早已過(guò)期或是很多近期優(yōu)...
摘要：一時(shí)心血來(lái)潮，于是當(dāng)時(shí)想，如果拿來(lái)分析知乎這個(gè)網(wǎng)站，會(huì)有什么效果呢。知乎并沒(méi)有公開(kāi)，只能采取爬蟲(chóng)手段。如此，大概率會(huì)觸發(fā)知乎反爬蟲(chóng)系統(tǒng)，所以采取以下方法來(lái)回避這個(gè)問(wèn)題代理池。但是，很多情況下知乎還是能通過(guò)你的請(qǐng)求得到你的真實(shí)。。 網(wǎng)站地址books.bigfacewo.com最近工作去了，感覺(jué)人也變懶了，一直想寫(xiě)一些關(guān)于這個(gè)網(wǎng)站東西分享出來(lái)。慢慢寫(xiě)吧。前情提要：對(duì)于大神來(lái)說(shuō)，這個(gè)網(wǎng)站使...
摘要：一時(shí)心血來(lái)潮，于是當(dāng)時(shí)想，如果拿來(lái)分析知乎這個(gè)網(wǎng)站，會(huì)有什么效果呢。知乎并沒(méi)有公開(kāi)，只能采取爬蟲(chóng)手段。如此，大概率會(huì)觸發(fā)知乎反爬蟲(chóng)系統(tǒng)，所以采取以下方法來(lái)回避這個(gè)問(wèn)題代理池。但是，很多情況下知乎還是能通過(guò)你的請(qǐng)求得到你的真實(shí)。。 網(wǎng)站地址books.bigfacewo.com最近工作去了，感覺(jué)人也變懶了，一直想寫(xiě)一些關(guān)于這個(gè)網(wǎng)站東西分享出來(lái)。慢慢寫(xiě)吧。前情提要：對(duì)于大神來(lái)說(shuō)，這個(gè)網(wǎng)站使...
閱讀 1952·2021-09-24 09:48
閱讀 3285·2021-08-26 14:14
閱讀 1778·2021-08-20 09:36
閱讀 1544·2019-08-30 15:55
閱讀 3687·2019-08-26 17:15
閱讀 1514·2019-08-26 12:09
閱讀 677·2019-08-26 11:59
閱讀 3384·2019-08-26 11:57
