用Vue & Firebase 實作簡易購物網站07.準備登入視窗

※成品連結：vue-shop-3b5cc.web.app

07.準備登入視窗

一、設計登入視窗(Login.vue)

(一)程式碼

1. components資料夾->新增Login.vue
2. 於main.js加上：

// 可於各檔案加入
Vue.component('Login',require('./components/Login.vue').default);

3.views資料夾->於Home.vue加入Login.vue內容

4.components資料夾->於Narbar.vue加上Login.vue連結

5.Login.vue程式碼內容(以Bootstrap 4 Modal修改)

(二)參考資料

Bootstrap 4 Modal：https://getbootstrap.com/docs/4.3/components/modal/#vertically-centered

(三)完成畫面

返回文章列表➯