Vue实战:vue-router十分钟快速入门实践

原创 一者乎 随笔 Vuejs 97阅读 16 天前 举报

原文教程:【vue2.0进阶】vue-router10分钟快速入门

第一步

  • 安装引入vue.js和vue-router.js

第二步

  • vue-router给我们提供的两个新组件: <router-link/><router-view/>
    • <router-link/> 组件用于帮助用户进行视图导航,用to属性来指定目标地址
    • <router-view/> 组件负责渲染匹配到的视图组件

第三步

  • 定义路由对应的组件
  • 创建router实例,并定义导航和组件的映射关系

最后一步

  • 创建vue实例

附:用transition组件轻松实现过渡效果

来来来,让我们运行一下,看看实际效果如何

评论 ( 0 )
最新评论
暂无评论

赶紧努力消灭 0 回复