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

Posted 2020-10-15 逝意遨游

前端路由 核心就是锚点值得改变，根据不同的值，渲染指定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