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