首先,vue項目文件夾如下:
components下有兩個.vue文件,HelloWorld為創建時自動建立的,login需要自己創建的,login頁面效果如下:
首先實現登錄按鈕的跳轉,先對index.js進行如下修改:
然后打開我的login.vue文件,找到中的登錄相關代碼,在中添加@click,並在其中寫入方法login
然后在 < script>中的method里補全login相關方法:
重點是this.$router.push(’/HelloWorld’),這是跳轉語句。完成之后點擊登錄即可跳轉:
接着是實現< router-link>的跳轉:
只需要一條語句:
這樣點擊注冊新賬號同樣也會跳轉到HelloWorld頁面。