路由跳转方式 路由配置 嵌套和动态区别

传参是传参 跳转是跳转
传参就是我们之前背的 query params 动态路由传参

路由跳转：

• router-link 标签跳转
• 编程式导航 this.$router.push()
• .this.$router.replace（{path：‘/’ } ） （replace 跟 push 类似，只不过跳转之后不存历史记录）

在路由跳转的时候可以携带参数 可以在这里说我们之前背的路由的三种传参

路由的配置：

在 router/index.js 中配置路由规则 路由规则中的 path 属性代表路径，name 属性是名字，component 属性代表在这个路径下加载什么组件，还可以用 children 属性配置子路由。还可以用 meta 定义路由的源信息。

动态路由：

动态路由是指路由器能够自动的建立自己的路由表，并且能够根据实际情况的变化实时地进行调整。用：开头，：后面跟的值是不确定的。这个值是我们要传递的参数
嵌套路由：
vue 项目中，界面通常由多个嵌套的组件构成，用 children 实现嵌套路由

2.2.自定义指令和自定义过滤器的使用场景和作用

自定义指令：

使用位置：写在在标签里面 以 v-开头

使用场景:需要对普通 DOM 元素进行操作，这时候就会用到自定义指令
比如 我们可以使用自定义指令让一个元素进入页面就获得焦点，拖拽

// 注册一个全局自定义指令 `v-focus`
Vue.directive("focus", {
  // 当被绑定的元素插入到 DOM 中时……
  inserted: function (el) {
    // 聚焦元素
    el.focus();
  },
});

自定义指令的钩子函数

一个指令定义对象可以提供如下几个钩子函数 (均为可选)：

bind：指令第一次绑定到元素时调用。

inserted：被绑定元素插入父节点时调用

update：所在组件的 虚拟 dom 更新时调用，

componentUpdated：指令所在组件的 VNode 及其子 VNode 全部更新后调用。

unbind：只调用一次，指令与元素解绑时调用。

钩子函数的参数 即 el、binding
el 指令所绑定的元素
binding：一个对象，包含这个自定义指令的一些信息

在很多时候，你可能想在 bind 和 update 时触发相同行为，而不关心其它的钩子就可以简写为一个函数

div v-bg=“red”

过滤器：

使用位置:双花括号插值 和 v-bind 表达式
使用场景 ：处理数据格式的
比如说 我们可以用过滤器过滤时间格式