实习第22天

标签：setter   efi   before   依赖项   遍历   www   不同   重用   rop   

https://www.jianshu.com/p/2ed9f54a3ff2

5、Vue的响应式原理

当一个Vue实例创建时，vue会遍历data选项的属性，用 Object.defineProperty 将它们转为 getter/setter并且在内部追踪相关依赖，在属性被访问和修改时通知变化。 每个组件实例都有相应的 watcher 程序实例，它会在组件渲染的过程中把属性记录为依赖，之后当依赖项的 setter 被调用时，会通知 watcher 重新计算，从而致使它关联的组件得以更新。

6、第一次页面加载会触发哪几个钩子？

触发 下面这几个beforeCreate, created, beforeMount, mounted ，并在mounted的时候DOM渲染完成

7、vue中data必须是一个函数

对象为引用类型，当重用组件时，由于数据对象都指向同一个data对象，当在一个组件中修改data时，其他重用的组件中的data会同时被修改；而使用返回对象的函数，由于每次返回的都是一个新对象（Object的实例），引用地址不同，则不会出现这个问题。

8、vue中做数据渲染的时候如何保证将数据原样输出？

v-text：将数据输出到元素内部，如果输出的数据有HTML代码，会作为普通文本输出

v-html：将数据输出到元素内部，如果输出的数据有HTML代码，会被渲染

 {{}}：插值表达式，可以直接获取Vue实例中定义的数据或函数，使用插值表达式的时候，值可能闪烁；而使用v-html、v-text不会闪烁，有值就显示，没值就隐藏

实习第22天

标签：setter   efi   before   依赖项   遍历   www   不同   重用   rop   

原文地址：https://www.cnblogs.com/Py-king/p/11633428.html