21谈谈你对vuejs的 template编译的理解 简而言之，就是首先转化成AST Abstract Syntax Tree，抽象语法树，即将源代码语法结构抽象成树状表现形式，然后通过 render函数进行渲染，并返回VNode Vue js的虚拟DOM节点 详细步骤如。

vuecli 的脚手架项目模板有browserify 和 webpack3组件中传递数据4 vuerouter实现路由懒加载 动态加载路由 5 vuerouter 的导航钩子，主要用来作用是拦截导航，让他完成跳转或取消 6 完整的 vuerouter 导航。

原理在创建Vue实例时，Vue会遍历data选项的属性，利用ObjectdefineProperty为属性添加getter和setter对数据的读取进行劫持getter用来依赖手机，setter用来派发更新，并且在内部追踪依赖，在属性被访问和修改时通知变化每个组件实例会有相应的。

21vue初始化页面闪动问题 webpackvuerouter vcloak cssvcloakdisplay 22什么是vuerouter vue router 是官方路由管理器 主要功能路由嵌套，模块化 基于组件路由配置，路由参数查询。

1什么是vue的生命周期？ Vue实例从创建到销毁的过程，就是生命周期也就是从开始创建初始化数据编译模板挂载DOM渲染更新渲染卸载等一系列过程，我们称这是Vue的生命周期 2vue生命周期的作用是什么？ 它的生命周期中。

vue 1响应式思想，也就是基于数据可变的把htmljscss组合到一起，也可以通过标签引擎组合到一个页面中 2双向绑定，每一个属性都需要建立watch监听页面不用，涉及到组件更新的话需要 3Vue宣称可以。

当data是一个函数的时候，每个实例的data属性都是独立的，不会相互影响vue实现双向数据绑定的原理就是利用了 ObjectdefineProperty 这个方法重新定义了对象获取属性值 get 和设置属性值 set 的操作来实现的更深层。

文章中给你列举了部分的面试题，这些都是公司面试常遇到的，还有需要的还可以自己去查阅一下资料1activeclass是哪个组件的属性？嵌套路由怎么定义？答vuerouter模块的routerlink组件2怎么定义vuerouter的动态路由？怎么获取传过来的。

Vue 实例销毁后调用调用后，Vue 实例指示的所有东西都会解绑定，所有的事件监听器会被移除，所有的子实例也会被销毁 该钩子在服务器端渲染期间不被调用可以在钩子函数 createdbeforeMountmounted 中进行异步请求。

本篇文章给大家分享一些常见的前端vue面试题，有一定的参考价值，希望对大家有所帮助如下，判断topath当前将要进入的路径是否为登录或注册，如果是就执行next，展示当前界面如果不是，就弹出alert，然后移至登录界面。

const vm = new Vue methods handlerEventevent consolelogevent 鼠标点击时，获取到事件对象 1如果只是事件函数的调用，函数名称后面不要添加括号 好处函数执行时，第一个形式参数。

vue的路由模式一共有两种，分别是哈希和history，他们的区别是hash模式不会包含在。

vuerouter有两种模式，hash模式和history模式 hash模式背后的原理是onhashchange事件，可以在window对象上监听这个事件随着history api的到来，前端路由开始进化了，前面的hashchange，你只能改变#后面的url片段，而history api则给。

vue中必问，回答不清楚说明不了解，也会在日常中写错监听除去new关键词写时换成newVal外，监听值变化，做业务操作computed可以缓存结果，依赖a和b返回新c，具有返回数值当需要新值c，并且依赖其余时要第一个想到·。

我们可以将同一函数定义为一个 methods 或者一个计算属性对于最终的结果，两种方式是相同的 localStorage 没有对XSS攻击有任何防御机制，存在xss攻击，每次调接口的时候都把它当成一个字段传给后台 cookie 自动发送，缺点。

父子组件通信 绝大部分vue本身提供的通信方式，都是父子组件通信 prop 最常见的组件通信方式之一，由父组件传递到子组件 event 最常见的组件通信方式之一，当子组件发生了某些事，可以通过event通知父组件 style和class 父组件。