vue使用----------vue-router路由的使用

Posted 逝意遨游

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue使用----------vue-router路由的使用相关的知识,希望对你有一定的参考价值。

前端路由 核心就是锚点值得改变,根据不同的值,渲染指定DOM位置的不同数据
ui-router:锚点值改变,如何获取模板? ajax
vue中,模板数据不是通过ajax请求来,二手通过调用函数获取到模板内容
核心:锚点值改变
以后看到vue开头,就知道必须 Vue.use
vue的核心插件
- vue-router 路由
- vuex 管理全局共享数据
使用方式
- 1:下载 "npm install vue-router -S"
- 2: 在main.js中引入 "import VuewRouter from ‘vue-router‘"
- 3:安装插件 ‘Vue.use(插件)‘
- 4:创建路由对象并配置路由规则
+ let router = new VuewRouter({ routes:[{path:‘/home‘,componten:‘home‘}]})
- 5:将其路由对象传递给vue的实例,options中
- 6:留坑 router-view

以上是关于vue使用----------vue-router路由的使用的主要内容,如果未能解决你的问题,请参考以下文章

Vue1.0学习总结———vue-router的使用

vue-router3.x和vue-router4.x相互影响的问题记录

一文搞定 Vue-router基本使用

Vue2.0 实战项目 Vue-router

Vue--路由「Vue-router」的使用

Vue + Vue-Router结合开发