北芒的博客

1. 什么是路由懒加载(当打开一个单页面应用的时候，会出现白屏，加载时间过长如何解决)? 1、路由懒加载 2、nuxt 服务端渲染 2. 请说下 vue-loader 的理解 解析和转换.vue 文件，提取出其中的逻辑代码 script、样式代码 style、以及 HTML模版 template，再分别把它们交给对应的 Loader 去处理 3. 父组件如何访问子组件内部的方法 通过 this.$refs.属性.方法 4. 请说一下 vue.extend 的理解 使用 Vue 构造器，创建一.

1. 常见的跨域方式有哪些？ 服务器代理(http-proxy-middleware) nginx CORS 2. vue 中使用插件的流程 import Vue from “vue”; import 插件 from"插件" Vue.use(插件) 3. 请列举出 3 个 Vue 中常用的生命周期钩子函数 created:实例已经创建完成之后调用,在这一步,实例已经完成数据观测,属性和方法的运算,watch/event 事件回调.然而,挂载阶段还没有开始,$el 属性目前还不.

1. 如何重定向路由？如何实现路由解耦？ 通过配置路由项中的 redirect 进行重定向 在路由的配置项中设置 props:true 在需要接受组件的内部通过 props 进行接受 2. 如何检测路由参数的变化？ 通过属性监听来实现或者 beforeRouterUpdate() watch:{"$route"(){}} beforeRouterUpdate(to,from,next); 3. 什么是路由守卫？路由的钩子函数有哪些？分别说出使用的场景，及用法 什么是路由守卫？ 路由跳转.

1. 请说下什么是动态组件，如何使用，以及 keep-alive 的作用 动态组件：让多个组件使用同一个挂载点，并动态进行切换。这就是动态组件 如何使用：通过保留元素，动态的绑定它的 is 特性，可以实现动态组件 keep-alive: 包裹动态组件(组件)时，会缓存不活动的组件实例,而不是销毁 它们组件切换调用的时候本身会被销毁掉的，只要加上keep-alive 进行包裹，就不会被销毁，而是被缓存起来,下一次使用的时候直接从缓存中调用 < keep-alive>是一个抽象组件：它自身不会渲.

1. v-show 与 v-if 的区别 v-show:操作的是元素的 display 属性 v-if:操作的是元素的创建和插入 v-if 有更高的切换开销，而 v-show 有更高的初始渲染开销 如果需要非常频繁地切换，则使用 v-show 较好；如果在运行 时条件很少改变，则使用 v-if 较好 使用的场景： v-show:前台数据的展示 v-if:管理系统权限列表的展示 2. methods、computed、watch 三者的区别 三者之间的共同点: methods,watch 和 c.