好了不装了，今天我就化身性感面试官在线问大家一个问题，“谈谈你对前端路由的理解”。看到这个问题，那回答可多了去了。但是换位思考一下，你问候选人这个问题的时候，你想要得到什么答案？以我个人拙见，我希望候选人能从全局解读这个问题，大致以下三点。 1、为什么会出现前端路由。 2、前端…

上面代码中[column, search-key, data-list]都是组件grid-template的属性，[columns,searchQuery,people ]就是使用container传给grid-template组件的数据。 定义全局组件方式Vue.compon…

每个new出来的Vue实例都会有从实例化创建、初始化数据、编译模板、挂载DOM、数据更新、页面渲染、卸载销毁等一系列完整的、从“生”到“死”的过程，这个过程即被称之为生命周期。 在生命周期的每个节点，Vue提供了一些钩子函数，使得开发者的代码能被有机会执行。这里的钩子函数可以简…

无论是对象还是数组，需要实现双向绑定的话最终都会执行这个函数，该函数可以监听到 set 和 get 的事件。 在 Object.defineProperty 中自定义 get 和 set 函数，并在 get 中进行依赖收集，在 set 中派发更新。接下来我们先看如何进行依赖收集…

@小小沧海：Vue 2.x 相比较 Vue 1.x 而言，升级变化除了实现了 Virtual-Dom 以外，给使用者最大不适就是移除的组件的 props 的双向绑定功能。 以往在 Vue1.x 中利用 props 的 twoWay 和. sync 绑定修饰符就可以实现 props 的双向绑定功能，但是在 Vue2 中彻底废弃了此功能，如果需要双向绑定需要自己来实现。

name 和 age 被响应式的渲染出来，在 2s 后我们修改了 name 的值，同样能在页面正确更新。

说起前端组件化是这几年老生常谈的话题，笔者就不在这里对前端组件化思想的发展史、优劣做详细的介绍。今天主要与大家分享一下，笔者在开发中从初期的小项目，到后期的项目功能迭代，功能模块越来越多，项目越来越大，组件化规范制定不够完善，多人团队协作开发导致的一些问题，与笔主自己处理的方案…

浏览器解析到这段代码的时候，自动执行beforeCreate => created => beforeMount => mounted方法，每当data的某个属性值更改了，比如==app.mes = "hi"==，自动执行beforeUpdate => updated方法。 当…