东莞南城做网站,wordpress上传七牛,百度移动网站建设有几种,自己做的音乐网站侵权问题路由#xff08;Routing#xff09;是指确定网站或应用程序中特定页面的方式。在Web开发中#xff0c;路由用于根据URL的不同部分来确定应用程序中应该显示哪个内容。
构建前端项目
npm init vuelatest
//或者
npm init vitelatest安装依赖和路由
npm install
npm instal…路由Routing是指确定网站或应用程序中特定页面的方式。在Web开发中路由用于根据URL的不同部分来确定应用程序中应该显示哪个内容。
构建前端项目
npm init vuelatest
//或者
npm init vitelatest安装依赖和路由
npm install
npm install vue-router -S3. router 使用
login.vue
templatedivdiv classloginlogin/div/div
/templatescript setup langts/scriptstyle scoped
.login {background-color: red;height: 400px;width: 400px;font-size: 20px;color: white;
}
/stylereg.vue
templatedivdiv classregreg/div/div
/templatescript setup langts/scriptstyle scoped
.reg {background-color: green;height: 400px;width: 400px;font-size: 20px;color: white;
}
/styleindex.ts
import { createRouter, createWebHistory, RouteRecordRaw } from vue-router;const routes: ArrayRouteRecordRaw [{path: /,component: () import(../components/login.vue)},{path: /reg,component: () import(../components/reg.vue)}
]const router createRouter({history: createWebHistory(),routes
})export default routerApp.vue
templateh1hello world/h1divrouter-link to/Login/router-linkrouter-link stylemargin: 10px; to/regReg/router-link/divhrrouter-view/router-view
/templatescript setup langts/scriptstyle scoped/stylemain.ts
import { createApp } from vue
import App from ./App.vue
import router from ./router
createApp(App).use(router).mount(#app)
