vue路由vue-router安装使用

vue-router路由就是决定数据包从来源到目的地的路径

路由使用安装步骤

步骤- -: 安装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,//挂载路由

})

路由的是否使用的区别

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。