实习第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,小程序开发文档 功能看了一遍