1什么是vue的生命周期？ Vue实例从创建到销毁的过程，就是生命周期也就是从开始创建初始化数据编译模板挂载DOM渲染更新渲染卸载等一系列过程，我们称这是Vue的生命周期 2vue生命周期的作用是什么？ 它的生命周期中；21谈谈你对vuejs的 template编译的理解 简而言之，就是首先转化成AST Abstract Syntax Tree，抽象语法树，即将源代码语法结构抽象成树状表现形式，然后通过 render函数进行渲染，并返回VNode Vue js的虚拟DOM节点 详细步骤如。
Vue 组件的使用不管是在平常工作还是在面试面试中，都是频繁出现的因此系统的梳理一下组件之间的传参还是非常有必要的 一props 传参 子组件定义 props 有三种方式 第一种数组方式 第二种对象方式 第三种对象嵌套；92345浏览器内核以前是IE内核，现在也是IE+Chrome双内核把不同路由对应的不同内容掌握在前端，如vue中的vuerouterreact的ReactRouter等出现在单页面应用中，页面中公共部分不变，只改变部分内容的使用路由切换时根。
Vue数据双向绑定的特性，指代的是Vue实例中的数据和网页视图中的数据绑定，实例中数据的更新会直接影响视图的渲染展示，视图中的数据更新会自动同步到实例中的数据，这样的操作机制就是数据双向绑定机制Vue底层主要是通过Object；MVVC中 是前端概念 最终实现V和M数据的同步，因此开发者只需关注业务逻辑，不需要手动操作Dom，mvvm是vue的核心 这两个不同的结构可以看出两者的区别，他们的一些属性是不同的activeclass 属于vuerouter的样式方法。
vue前端面试题目100及最佳答案
1、21vue初始化页面闪动问题 webpackvuerouter vcloak cssvcloakdisplay 22什么是vuerouter vue router 是官方路由管理器 主要功能路由嵌套，模块化 基于组件路由配置，路由参数查询通配。
2、原理在创建Vue实例时，Vue会遍历data选项的属性，利用ObjectdefineProperty为属性添加getter和setter对数据的读取进行劫持getter用来依赖手机，setter用来派发更新，并且在内部追踪依赖，在属性被访问和修改时通知变化每个组件实例会有相应的。
3、答第一步在components目录新建你的组件文件smithButtonvue，script一定要export default 第二步在需要用的页面组件中导入import smithButton from ‘componentssmithButtonvue’第三步注入到vue的子组件的components属性。
4、4call比apply的性能要好，平常可以多用call， call传入参数的格式正是内部所需要的格式 解析 第 48 题 解析 第 49 题 解析 第 50 题 为什么在 Vue30 采用了 Proxy，抛弃了 ObjectdefineProperty解析。
5、vue和react都是采用diff算法来对比新旧虚拟节点，从而更新节点在vue的diff函数中建议先了解一下diff算法过程在交叉对比中，当新节点跟旧节点 头尾交叉对比 没有结果时，会根据新节点的key去对比旧节点数组中的key，从而找到相应旧节点。
6、父子组件通信 绝大部分vue本身提供的通信方式，都是父子组件通信 prop 最常见的组件通信方式之一，由父组件传递到子组件 event 最常见的组件通信方式之一，当子组件发生了某些事，可以通过event通知父组件 style和class 父组件。
7、1attr和prop有什么区别？ 2on和bind有什么区别？js动态添加的dom元素是通过on还是bind？ 3touch和click有什么区别？ 4windowonload和jquery的ready有什么区别？ vue篇 1简述一下vue的生命周期及其特点 2vue双向绑定的原理。
vue的路由模式一共有两种，分别是哈希和history，他们的区别是hash模式不会包含在；assets文件夹里是静态资源components是放组件router是定义路由相关的配置view视图appvue是一个应用主组件mainjs是入口文件 在组件切换过程中将状态保留在内存中，防止重复渲染DOM，减少加载时间及性能消耗，提高用户。
本篇文章给大家分享一些常见的前端vue面试题，有一定的参考价值，希望对大家有所帮助如下，判断topath当前将要进入的路径是否为登录或注册，如果是就执行next，展示当前界面如果不是，就弹出alert，然后移至登录界面。
