vue通过什么命令安装路由

广告:宝塔服务器面板,一键全能部署及管理,送你10850元礼包,点我领取~~~

vue通过什么命令安装路由

在vue中,通过“npm install vue-router --save”命令安装路由;npm是包管理工具,“npm install”命令会把指定的包安装在指定的目录中,“vue-router”路由就是决定数据包从来源到目的地的路径。

本文操作环境:windows10系统、Vue2.9.6版,DELL G3电脑。

vue通过什么命令安装路由

路由使用安装步骤

步骤一: 安装vue-router

npm install vue-router --save
登录后复制

步骤二:在模块化工程中使用它(因为是一个插件, 所以可以通过Vue.use0来安装路由功能)

第一步:在router目录下的index.js文件中导入路由对象,并且调用

import Router from 'vue-router'  Vue.use(VueRouter)
登录后复制

第二步:创建路由实例.并且导出路由,使用routers设置路由配置信息

export default new Router({  //创建路由对象  routes: [{     path: '/',      name: 'HelloWorld',      component: HelloWorld    }  ]})
登录后复制

第三步:在Vue实例中导入路由,并挂载创建的路由实例

import router from './router' //导入路由new Vue({  el: '#app',  router,//挂载路由})
登录后复制

路由的是否使用的区别

【相关推荐:《vue.js教程》】

以上就是vue通过什么命令安装路由的详细内容,更多请关注9543建站博客其它相关文章!

9543建站博客
一个专注于网站开发、微信开发的技术类纯净博客。
作者头像
admin创始人

肥猫,知名SEO博客站长,14年SEO经验。

上一篇:uniapp运行小程序怎么调试代码
下一篇:修改滚动条宽度 jquery

发表评论

关闭广告
关闭广告