站长手册

动态路由的创建，主要是使用path属性过程中，使用动态路径参数，以冒号开头，如下：{  path: '/details/:id'  name: 'Details'  components: Details}访问details目录下的所有文件，如果details/a，details/b等，都会映射到Details组件上。当匹配到/details下的路由时，参数值会被设置到this.$route.params下，所以通过这个属性可以获取动

用watch 检测// 监听当前路由发生变化的时候执行watch: {  $route(to, from){    console.log(to.path)    // 对路由变化做出响应  }}组件内导航钩子函数beforeRouteUpdate(to, from, next){  // to do somethings}

mvvm即Model-View-ViewModel，mvvm的设计原理是基于mvc的MVVM是Model-View-ViewModel的缩写，Model代表数据模型负责业务逻辑和数据封装，View代表UI组件负责界面和显示，ViewModel监听模型数据的改变和控制视图行为，处理用户交互，简单来说就是通过双向数据绑定把View层和Model层连接起来。在MVVM架构下，View和Model没有直接联系，而是通过ViewModel进行交互，我们只关注业务逻辑，不需要手动操作DOM，不需要关注Vie

Vue Router 是 Vue.js 官方的路由管理器。它和 Vue.js 的核心深度集成，让构建单页面应用变得易如反掌。<router-link>和<router-view>和<keep-alive>

动态路由的创建，主要是使用path属性过程中，使用动态路径参数，以冒号开头，如下：{  path: '/details/:id'  name: 'Details'  components: Details}访问details目录下的所有文件，如果details/a，details/b等，都会映射到Details组件上。当匹配到/details下的路由时，参数值会被设置到this.$route.params下，所以通过这个属性可以获取动

router为VueRouter的实例，是一个全局路由对象，包含了路由跳转的方法、钩子函数等。route 是路由信息对象||跳转的路由对象，每一个路由都会有一个route对象，是一个局部对象，包含path,params,hash,query,fullPath,matched,name等路由信息参数。

用watch 检测// 监听当前路由发生变化的时候执行watch: {  $route(to, from){    console.log(to.path)    // 对路由变化做出响应  }}组件内导航钩子函数beforeRouteUpdate(to, from, next){  // to do somethings}

Params只能使用name，不能使用path参数不会显示在路径上浏览器强制刷新参数会被清空，  // 传递参数  this.$router.push({    name: Home，    params: {        number: 1 ,        code: '999'    }  }) 

  1、全局路由。（全局导航钩子主要有两种钩子：前置守卫、后置钩子。）        注册一个全局前置守卫：beforeEach；const router = new VueRouter({ ... });router.beforeEach((to, from, next) => {     // do someting});这三个参数 to 、from 、next 分别的作用：    1、

1、全局守卫： router.beforeEach2、全局解析守卫： router.beforeResolve3、全局后置钩子： router.afterEach4、路由独享的守卫： beforeEnter5、组件内的守卫： beforeRouteEnter、beforeRouteUpdate (2.2 新增)、beforeRouteLeave导航表示路由正在发生改变，vue-router 提供的导航守卫主要用来:通过跳转或取消的方式守卫导航。有多种机会植入路由导航过程中：全局的, 单个路由独享