Vue2開發的讀書WebAPP

2021-08-03 22:52:12 字數 1009 閱讀 1953

vue2 + vuex + vue-router + webpack + es6 + axios + sass

git clone 

cd readmore

npm install

npm run

dev(本地執行 訪問:http://localhost:8080)

npm run

每個子元件載入完後是同`this.$emit`通知父元件,父元件判斷所有子元件載入完成後隱藏loading。
最開始使用url.indexof來處理,後來直接發現vue-router的exact屬性更好用。
1. 本地使用proxytbale

在config/index.js中新增配置:

'/api':

}2. 部署伺服器後通過nginx**

nginx中配置:

location /api/

3. 呼叫介面時只需要以`/api`開頭就可以

修改nginx配置:

location /

location @router //增加的內容

`

qrcode.png

我的書架

shelf-01.png

shelf-02.png

精選featured.png

分類category.png

category-02.png

category-03.png

排行rank.png

書籍詳情

book.png

看書read-04.png

read-01.png

read-02.png

read-03.png

搜尋search.png

vue2新人入門

預設對webpack,sass,npm有一定的了解。一些vue指令不會說,反正官方文件有,我也懶得抄。一 超級基礎部分 1.全域性安裝 npm install globall vue cli 已全域性安裝了的不必安裝 2.建立乙個基於webpack的模板專案 vue init webpack 你的專...

Vue2學習筆記

v cloak v text v html v bind v on click.stop click.prevent click.capture click.self click.once v model.lazy trim number 或者通過vue的watch監聽來處理watch b func...

vue2 學習筆記

2.安裝vue腳手架 用於建立vue專案的 進入專案檔案或者新建乙個檔案 npm install vue cli g 3.根據模板建立專案 vue init webpack dome 工程名稱 工程名字 工程名字不能用中文 備註 use eslint to lint your code n 是是否開...