新建vue组件

wmt-xbyg

于 2021-04-28 12:01:19 发布

阅读量92

点赞数

文章标签： vue.js

本文链接：https://blog.youkuaiyun.com/weixin_44269412/article/details/116230723

版权

本文档介绍了如何在Vue项目中新建组件以及在router.js中配置路由。首先，在components目录下创建新的Vue组件，例如Home.vue。然后，在router.js文件中导入这个组件，并设置相应的路由路径，例如将Home组件映射到'/home'路径。通过这种方式，可以实现Vue应用的页面路由管理。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

新建vue组件

1.在component下新建vue组件
2.在router.js文件中导入并配置路径
如Home组件：

import Home from './components/Home.vue'

export default new Router({
    routes: [
        { path: '/home', component: Home }
    ]
})