vue 安装（vue 安装vue route）



1）理解： 一个路由（route）就是一组映射关系（key-value)，多个路由需要路由器（router）进行管理

2）前端路由：key是路径，value是组件

3）作用：使用Vue路由有以下几个主要优点：

实现页面的无刷新切换：使用Vue路由可以在单个web页面中实现应用程序内的页面切换，而无需重新加载整个页面，这将更快地为用户提供请求的内容。

实现嵌套路由和视图：Vue路由使您可以将组件树映射到路由，以构建复杂的用户界面，同时保持组件和路由之间的关系。

管理应用程序状态：Vue路由可以方便地管理应用程序的状态。您可以根据路由参数向组件传递数据，并在路由更改时使用钩子函数来更新状态。

多种导航模式：Vue路由支持不同的导航模式：hash模式（默认）和history模式。hash模式使用浏览器URL中的哈希符号（#）来管理路由状态，而history模式使用HTML5历史API。

路由安装，个人建议用局部安装，全局安装可能会有版本不兼容问题。

下面是我整理的路由安装：

1、Cmd用管理员创建创建一个vue项目  

2、vue create 项目名         （注意：该项目名就是我们vscode需要引入的项目根目录）

复制内网就可以，复制到浏览器里，出现一下界面就成功啦

在终端输入指令并回车：

npm install vue-router --save

此时可以查看两个地方，是否下载成功：

Package.json里面有对应的vue-router引入

Node-modules里面也有vue-router文件夹

这时候代表你的路由下载成功了，我们需要引入它

修改App.vue

在src下新建router文件夹，并在文件下新建index.js文件，内容如下：

在main.js中添加路由

全部弄完以后  npm run serve  运行即可

正常运行就没啥问题了。

• 进行路由的测试：

这里可以看一个csdn博主的教程，内容很明确，一步一步来就可以

从第二部新建页面开始做即可

写文章不易，感谢网友们的点赞！

版权声明：

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
如若内容造成侵权、违法违规、事实不符，请将相关资料发送至xkadmin@xkablog.com进行投诉反馈，一经查实，立即处理！

转载请注明出处，原文链接：https://www.xkablog.com/qdvuejs/12114.html