點選登入和註冊可以進行頁面切換
安裝vue,vue-router;建立index.html、login.js、register.js檔案
將vue.js、vue-router.js、login.js、register.js按順序引入index.html中
編寫login.js和register.js中的元件內容
在index.html中建立vue例項
建立vue-router例項,引用login.js和register.js中元件
編寫頁籤和錨點
將vue-router例項和vue例項關聯
配置預設路由
單頁應用中,頁面的切換並不是頁面的跳轉。僅僅是位址最後的hash值變化。
登入 代表乙個漢字 代表半個漢字註冊
const loginform=
const registerform=
Vue路由使用
路由是以外掛程式的形式引入到我們的vue專案中來的 vue router是vue的核心外掛程式 1 建立路由物件 var router new vuerouter 2 配置路由規則 router.addroutes 路由物件 路由物件 3 將配置好的路由物件交給vue 在options中傳遞 key...
vue 路由使用
1.安裝 2.使用 3.router幾個用法 npm安裝 npm install vue router 1.繫結vue物件 2.非同步載入元件 component import views mysetting person script import vue from vue import rout...
vue路由的使用
1 配置路由檔案 在router.js中寫 import vue from vue import router from vue router import hello from components hello import word from components word vue.use ro...