前端面试题 3/29

1.什么是动态路由？

静态路由：静态路由是在路由器中设置固定的路由表；除非网络管理员进行干预，否则静态路由表不会发生变化。

动态路由：由网络中的路由器之间相互通信，传递路由信息，利用收到的路由信息更新路由表的路由方式。

动态路由匹配

指的是某些路由规则它们的一部分是完全一样的，只有另一部分是动态变化的，这个时候我们可以把这些动态变化的部分形成路由参数，这些路由参数就叫做动态路由匹配

应用场景：通过动态路由参数的模式进行路由匹配
怎么加参数呢?

可以在路由规则中把动态变化的部分前面加一个冒号 ：这个冒号就代表这个位置匹配的是动态参数，后面的是参数的名字

{path:'/user/:id',component: User}

路由组件中通过 $route.params 获取路由参数

$route.params.id

路由组件传递参数
方式一

方式二

2.为什么要拦截？

axios请求拦截和响应拦截
1.请求拦截

请求拦截器的作用是在请求发送前进行一些操作，例如在每个请求体里加上token，统一做了处理如果以后要改也非常容易。

axios.interceptors.request.use(function (config) {
    // 在发送请求之前做些什么，例如加入token
    .......
    return config;
  }, function (error) {
    // 对请求错误做些什么
    return Promise.reject(error);
  });

2.响应拦截

响应拦截器的作用是在接收到响应后进行一些操作，例如在服务器返回登录状态失效，需要重新登录的时候，跳转到登录页

axios.interceptors.response.use(function (response) {
    // 在接收响应做些什么，例如跳转到登录页
    ......
    return response;
  }, function (error) {
    // 对响应错误做点什么
    return Promise.reject(error);
  });

3.清除拦截

var myInterceptor = axios.interceptors.request.use(function () {/*...*/});
axios.interceptors.request.eject(myInterceptor);

3. 父子传值

$refs 让我们可以在父组件中进行操作子组件的数据以及方法。
$parent 让我们可以在子组件中对父组件的data和方法操作

 props
 $emit

4.什么是插槽

插槽：父子件向子组件传递内容
在了解插槽之前，我们需要先理解一个概念：编译作用域。
什么是编译作用域呢？

1.编译作用域

官方的解释是:父组件模板的所有东西都会在父级作用域内编译；子组件模板的所有东西都会在子级作用域内编译

2.为什么要使用插槽slot

插槽的目的在于，是组件更具有扩展性。例如，组件中的一个地方，默认情况下为button，而在使用的时候，我们有需求需扩展为span,扩展为input，这时候我们就需要使用到插槽。

插槽就是子组件中的提供给父组件使用的一个占位符，用<slot><slot> 表示，父组件可以在这个占位符中填充任何模板代码，如 HTML、组件等，填充的内容会替换子组件的<slot></slot>标签。

作用域插槽：父组件对子组件内容进行加工处理