作用:vue-router是基于路由和组件的,用于设定访问路径,将路径和组件映射起来
安装和使用步骤:
-
安装:npm install vue-router --save
-
在模块化工程中使用它:
第一步:导入路由对象,并且调用vue.use(VueRouter)
第二步:创建路由实例,并且传入路由映射配
第三步:在vue实例中挂载创建的路由实例
-
使用vue-router的步骤
第一步:创建路由组件 (这里是home.vue和about.vue)
第二步:配置路由映射:组件和路径映射关系
第三步:使用路由:通过<router-link>和<router-view>