一道关于 vue 的面试题

Question

1.Vue双向绑定原理

data => view: 通过数据劫持（老版本是Object.defineProperty,最新版使用proxy）,数据更新了直接调用一个方法去更新视图

view => data: 通过v-model来实现 其实也就是调用Dom的onchange方法来实现

ps.上面的回答应该是错的（或者现在错了），看到一个说法不过感觉也只是说了data=> view的部分

Vue 采用 数据劫持 和 发布-订阅模式的方式，
通过ES5提供的Object.defineProperty()方法来劫持(因为ie8以下不支持该方法，所以vue不兼容ie8)
各属性的getter、setter，并在数据（对象）发生变动时通知订阅者，出发相应的监听回调。
由于，是在不同数据上出发同步，可以精确的将变更发送给绑定的试图，而不是对所有的数据都执行一次检测，

2.vue-router实现原理

根据url来path匹配相应的 component ，在把匹配到的component渲染到指定的dom上就好了

3.vue list中子元素绑定一个点击事件 及 优化

正常使用是直接

<div class="list">

<div v-for="(item, index) in data" :key="index" @click="click(item)">删除</div>

</div>

这个问题让我想起来一个点

写原生的时候list非常长的话,给每个按钮绑定一个事件，其实很费内存的，优化处理呢，把绑定事件放在list上 通过子元素的事件冒泡来定位是那个子元素点击了 然后进行相应的操作。

个人觉得两者应该一样的。

引申出来一个问题 在vue中，经常性像上面那样写，vue是不是已经做了这方面的优化,是怎么做到的

Answer 1

把绑定事件放在list上 通过子元素的事件冒泡来定位是那个子元素点击了 然后进行相应的操作。

这个“通过子元素的事件冒泡”，子元素的事件不也需要绑定吗？这样的话不也是相当于“给每个按钮绑定一个事件”吗？