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