面试小记

• Vue的生命周期
  Vue 实例从创建到销毁的过程，就是生命周期。从开始创建、初始化数据、编译模板、挂载Dom→渲染、更新→渲染、销毁等一系列过程，称之为 Vue 的生命周期。它的生命周期中有多个事件钩子，让我们在控制整个Vue实例的过程时更容易形成好的逻辑。beforeCreate（创建前） 在数据观测和初始化事件还未开始 created（创建后） 完成数据观测，属性和方法的运算，初始化事件，el 替换，并挂载到实例上去之后调用。实例已完成以下的配置：用上面编译好的html内容替换el属性指向的DOM对象。完成模板中的html渲染到html页面中。此过程中进行ajax交互。 beforeUpdate（更新前） 在数据更新之前调用，发生在虚拟DOM重新渲染和打补丁之前。可以在该钩子中进一步地更改状态，不会触发附加的重渲染过程。 updated（更新后） 在由于数据更改导致的虚拟DOM重新渲染和打补丁之后调用。调用时，组件DOM已经更新，所以可以执行依赖于DOM的操作。然而在大多数情况下，应该避免在此期间更改状态，因为这可能会导致更新无限循环。该钩子在服务器端渲染期间不被调用。 beforeDestroy（销毁前） 在实例销毁之前调用。实例仍然完全可用。 destroyed（销毁后） 在实例销毁之后调用。调用后，所有的事件监听器会被移除，所有的子实例也会被销毁。该钩子在服务器端渲染期间不被调用。
• 在Vue中，兄弟组件如何传值？
  通过$emit方法，子组件传值给父组件，再通过props方法，父组件传值给兄弟组件，即另一个子组件。
• computed有什么用？
  computed用来监控自己定义的变量，该变量不在data里面声明，直接在computed里面定义，然后就可以在页面上进行双向数据绑定展示出结果或者用作其他处理。
• js实现双击事件取消默认的两次单击事件

<script type="text/javascript">
    var id;
    window.onload = function () {
        document.getElementById('divdemo').onclick = function () {
            //清除的是双击事件的第2次单击事件id
            clearTimeout(id);//这句代码放setTimeout下面，也同样将下面的定时器关掉。
            id = setTimeout(function () {//不论单双击，每点击一次就会立马产生一个定时器id，产生的id和这个定时器执行与否（什么时候执行）没有关系。
                alert(id);//单击操作
            }, 300);
            //clearTimeout(id);
        }
        document.getElementById('divdemo').ondblclick = function () {
            //清除的是双击事件的第1次单击事件id
            clearTimeout(id);
            alert(id);//双击操作
        }
    }
</script>