当前位置: 首页 > 資訊 >

Day 28 axios-login(vue cli)

先到src/App.vue,修改一下原本的程式碼
https://ithelp.ithome.com.tw/upload/images/20200915/20129566ia6LNRElaL.png
再到src/router/index.js,新增login的路由
https://ithelp.ithome.com.tw/upload/images/20200915/20129566xTDmoFdkQe.png
再到src/views,新增Login.vue
https://ithelp.ithome.com.tw/upload/images/20200915/20129566KRpvW5bVfi.png
在Login.vue,新增要顯示的畫面
https://ithelp.ithome.com.tw/upload/images/20200915/20129566wM7GEZaajK.png
要使用圖片的話,需要放在src/assets
https://ithelp.ithome.com.tw/upload/images/20200915/20129566fL78TJBe3x.png
到methods新增save
https://ithelp.ithome.com.tw/upload/images/20201012/20129566sPAEcyu7Im.png
https://ithelp.ithome.com.tw/upload/images/20201012/201295662AIydkH8iT.png
watch
https://ithelp.ithome.com.tw/upload/images/20201012/20129566RkMC3GiCFs.png
css
https://ithelp.ithome.com.tw/upload/images/20201012/20129566S2AWMNmzi3.png
https://ithelp.ithome.com.tw/upload/images/20201012/20129566ANe4SvHRC3.png
瀏覽器中的畫面
https://ithelp.ithome.com.tw/upload/images/20200915/20129566cEgwGRUPfg.png
以上就是今天的內容/images/emoticon/emoticon41.gif