IDEA中使用vue组件

原创已于 2024-09-23 17:43:17 修改 · 598 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#vue.js #前端 #javascript

于 2024-09-23 17:37:10 首次发布

在使用的过程中可能会出现问题：搜索不到vue组件，可是我的node.js已经安装，并且测试版本号等都有

路径系统变量都配过

解决方法：用管理员权限打开IDEA

路由表的设置

当想将某一页设置为首页时，可以这么写，文件名一般为index.js

import Vue from 'vue'
import VueRouter from 'vue-router'
import Login from '@/views/Login' // 引入Login组件

Vue.use(VueRouter)

//路由表
const routes = [
  {
    path: '/login',
    name: 'login',
    component: Login
  },
  {
    path: '*', // 捕获所有未定义路径
    redirect: '/login' // 默认重定向到login
  }
]

const router = new VueRouter({
  routes
})

export default router

其中设置的主页为views中的Login.vue