vue-router复用模板

前言：

通过实践而发现真理，又通过实践而证实真理和发展真理。从感性认识而能动地发展到理性认识，又从理性认识而能动地指导革命实践，改造主观世界和客观世界。实践、认识、再实践、再认识，这种形式，循环往复以至无穷，而实践和认识之每一循环的内容，都比较地进到了高一级的程度。

快速上手模板：

第一步：创建路由实例

第二步：注册路由器插件

第三步：运用

中文再翻译

第一步：配置

第二步：注册

第三步：运用

第一步：

import { createMemoryHistory, createRouter } from 'vue-router'//自定义路由页面
import HomeView from '@/components/view/login.vue'  //引入组件
import GoodView from '@/components/view/good.vue'   //引入组件const routes = [// path 路径// component 组件引入名称{ path: '/', component: HomeView },{ path: '/good',component: GoodView}
]const router = createRouter({history: createMemoryHistory(),routes,
})export default router

第二步：在main.js中注册

import { createApp } from 'vue'
import router from "@/components/unit/router.js"  //引入刚刚配置的routerimport App from './App.vue'createApp(App).use(router) //注册路由插件.mount('#app')

第三步：运用

<script setup>
</script><template><h1>注意大小写，千万不要用补全的小写</h1><RouterView />
</template><style scoped>
</style>