vue2-router组件

ggggzzyy

已于 2024-01-18 18:28:28 修改

阅读量457

点赞数 8

CC 4.0 BY-SA版权

分类专栏： javaweb 文章标签： vue

于 2024-01-10 22:21:05 首次发布

本文链接：https://blog.csdn.net/m0_51940950/article/details/135514287

此文章记录使用vue2框架中的路由组件的使用，应用为默认重定向到登录页，即打开 http://localhost:8080/就跳转到 http://localhost:8080/LoginView。

回顾以下前端工程重点文件和目录：

一、首先创建vue2项目

使用 npm create + 项目名称，按照提示创建即可，需要注意的是项目需要基于vue2，如下图：

二、在main.js中引入router

import Vue from 'vue'
import App from './App.vue'
import router from './router'

Vue.config.productionTip = false;

new Vue({
  router,
  render: h => h(App),
}).$mount('#app')

注意和原始文件中代码的差异，首先导入router组件的router对象，然后创建一个Vue实例，并将router导入即可