当前位置：网站首页>组件的使用

组件的使用

2022-08-10 01:01:00 【玹之又玹】

创建一个Vue-cli项目

在src文件夹下创建一个views的文件夹来对组件进行分类管理

为了实现组件的跳转，我们需要使用路由去对其进行管理
组件路由
vue router 是 Vue.js 官方的路由管理器。它和 Vue.js 的核心深度集成，让构建
单页面应用变得易如反掌。
安装
vue-router 是一个插件包，所以我们还是需要用 npm 来进行安装的。
注意 Vue2.6 只能集成 vue router3.x 版本需要修改版本号 在 package.json
打开命令行工具，进入你的项目目录，输入下面命令。
npm install vue-router --save-dev
搭建步骤:
1. 创建 router 目录
创建 index.js 文件,在其中配置路由
path：跳转的地址
component：绑定的组件
那么：名字可不写
2.在 main.js 中配置路由

使用超链接的形式从一个组件中跳转到另一个组件

 element Ui搭建

 

在main.js中

 

 

 

原网站

版权声明
本文为[玹之又玹]所创，转载请带上原文链接，感谢
https://blog.csdn.net/weixin_57197500/article/details/126242944

边栏推荐

猜你喜欢

随机推荐