实习第22天

vue面试题：https://www.jianshu.com/p/2ed9f54a3ff2

从webpack到vue-cli ：https://www.jianshu.com/p/b06f38f0a429

 

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不会闪烁，有值就显示，没值就隐藏

 

 

 

今日份sass学习：$变量   变量还有作用域   嵌套规则，嵌套属性   导入文件@import

 

今日份JSON：看一点json，JavaScript和json和有关系的   parse  和 stringify

JSON字符串和JavaScript对象  JSON数据

 

Flex布局：容器flex  和 容器选项item   什么属性应该写在flex中，什么属性应该写在item中

 

Es6：语法ECMAscript和JavaScript 之间的联系

 

浏览mint-ui，mui，小程序开发文档   功能看了一遍