手机在线制作表白网站,项目计划书怎么做,网站建设哪个公司好知乎,seo官网优化详细方法文章目录 一、创建index.js二、main.js的配置三、在App.vue中引入 一、创建index.js
在src文件夹中创建router文件夹#xff0c;并在其中创建index.js文件
//引入路由对象
import { createRouter,createWebHistory } from vue-router
import PufMac from ../views/puf… 文章目录 一、创建index.js二、main.js的配置三、在App.vue中引入 一、创建index.js
在src文件夹中创建router文件夹并在其中创建index.js文件
//引入路由对象
import { createRouter,createWebHistory } from vue-router
import PufMac from ../views/pufmac/PufMac.vue;const router createRouter({history:createWebHistory(import.meta.env.BASE_URL),routes:[{path:/,redirect:/pufmac},{path:/pufmac,component:PufMac}]
})export default router引入对应的组件配置对应的路径需注意这里与vue2的区别在import和crete方面的区别。
二、main.js的配置
在main.js中引入路由这里还引入了element plus
import ./assets/main.cssimport { createApp } from vue
import App from ./App.vue
import router from ./router/index
import ElementPlus from element-plus
import element-plus/dist/index.cssconst app createApp(App)
app.use(router)
app.use(ElementPlus)
app.mount(#app)
三、在App.vue中引入
templatediv idapprouter-view//div
/template
