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

组件的使用

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

边栏推荐

猜你喜欢

随机推荐