本文总结了JavaScript箭头函数的特点，如没有自己的this，不能作为构造函数等，并探讨了ES5与ES6的区别，如ES6引入了箭头函数、块级作用域等。深入解析了Vue2和Vue3的差异，特别是数据绑定原理的改变，Vue3的Composition API以及setup函数的使用细节。同时，还涵盖了Vue组件设计中的data为何必须是函数，以及Vue路由的两种模式。最后讨论了响应式布局的概念。
11.箭头函数和普通函数区别
- 比普通函数更简洁
- 箭头函数没有自己的this
- 箭头函数继承来的this指向永远不会变
- 箭头函数不能作为构造函数使用
- 箭头函数中的this指向依赖于外层函数中的this指向, 也就是外层函数中的this指向谁，那么箭头函数中的this也指向谁
箭头函数不能new，不能作为构造函数
12
原型链（把原型串起来，最顶端是null)
对象共享属性和共享方法
查找顺序：对象本身查找--构造函数查找--对象圆形查找--构造函数原型查找--当前原型的原型
13.ES5 和ES6
1.ES6新增了箭头函数，es5没有；
2.ES6中新增了块级作用域，es5没有；
3.ES6引入Class概念，不再像ES5一样使用原型链实现继承；
4.ES6中可以设置默认函数参数，es5不行；
5.ES6中新增了promise特性。
- ES6中常用语法
- Vue2 和vue3
总结：！Vue2和Vue3区别，首先在双向数据绑定时，vue2利用ES5的API Object.definepropert()对数据进行劫持，Vue3中使用了ES6的proxy API对数据进行处理。！！vue3支持碎片，可拥有多个根节点。！！！Vue2使用选择型API,Vue3使用合成型API
1vue2和vue3双向数据绑定原理发生了改变
vue2的双向数据绑定是利用了es5 的一个API Object.definepropert() 对数据进行劫持 结合发布订阅模式来实现的。vue3中使用了es6的proxyAPI对数据进行处理。
相比与vue2，使用proxy API 优势有：defineProperty只能监听某个属性，不能对全对象进行监听；可以省去for in 、闭包等内容来提升效率（直接绑定整个对象即可）；可以监听数组，不用再去单独的对数组做特异性操作，vue3可以检测到数组内部数据的变化。
- Vue3支持碎片
就是说可以拥有多个跟节点。
- Composition （组合式api）API
Vue2 与vue3 最大的区别是vue2使用选项类型api，对比vue3合成型api。旧得选项型api在代码里分割了不同得属性：data,computed,methods等；新得合成型api能让我们使用方法来分割，相比于旧的API使用属性来分组，这样代码会更加简便和整洁。
- 建立数据data
vue2是把数据放入data中，vue3就需要使用一个新的setup()方法，此方法在组件初始化构造得时候触发
- 生命周期
- 父子传参不同，setup()函数特性
setup()函数接收两个参数：props、context(包含attrs、slots、emit)
setup函数是处于生命周期beforeCreated和created俩个钩子函数之前
执行setup时，组件实例尚未被创建（在setup()内部，this不会是该活跃实例得引用，即不指向vue实例，Vue为了避免我们错误得使用，直接将setup函数中得this修改成了undefined）
与模板一起使用时，需要返回一个对象
因为setup函数中，props是响应式得，当传入新的prop时，它将会被更新，所以不能使用es6解构，因为它会消除prop得响应性，如需解构prop，可以通过使用setup函数中得toRefs来完成此操作。
父传子，用props,子传父用事件 Emitting Events。在vue2中，会调用this$emit然后传入事件名和对象；在vue3中得setup()中得第二个参数content对象中就有emit，那么我们只要在setup()接收第二个参数中使用分解对象法取出emit就可以在setup方法中随意使用了。
在setup()内使用响应式数据时，需要通过 .value 获取
import { ref } from 'vue'
const count = ref(0)
console.log(count.value)
从setup() 中返回得对象上得property 返回并可以在模板中被访问时，它将自动展开为内部值。不需要在模板中追加.value。
setup函数只能是同步的不能是异步的。
15.如何清除浮动塌陷？
1.我们可以给父元素一个固定高度，但是当我们以后需要再加入元素时，还需要再修改，不方便。
2：在浮动元素后添加元素，并设置其clear属性
3.开启BFC浮动的元素也参与计算高度。
@16.vue的优点是什么?
●低耦合。视图(View) 可以独立于Model变化和修改，-个ViewModel可以绑定到不同的"View"上，当View变化的时候Model可以不变，当Model变化的时候View也可以不变
●可重用性。你可以把一些视图逻辑放在一个ViewModel里面，让很多view重用这段视图逻辑
●可测试。界面素来是比较难于测试的，而现在测试可以针对ViewModel来写
@17.Vue组件data为什么必须是函数
●每个组件都是Vue的实例。
●组件共享data属性，当data的值是同一个引用类型的值时，改变其中一个会影响其他组件和路由
@18.Vue的路由实现: hash(哈希) 模式和history（黑死缀）模式
●hash模式:在浏览器中符号“#”，#以及#后面的字符称之为hash， 用window.location.hash读取。特点:
hash虽然在URL中，但不被包括在HTTP请求中;用来指导浏览器动作，对服务端安全无用，hash不会重加载页面。
●history模式:history采用HTML5的新特性;且提供了两个新方法: pushState()|帕尔希死得特|， replaceState()|瑞蒲磊思 死得特| 可以对浏览器历史记录栈进行修改，以及popState事件的监听到状态变更
@19.在Vue中使用插件的步骤
●采用ES6的import .. from ..语法或CommonJS|康闷|的require()方法引入插件
●使用全局方法Vue.use( plugin )使用插件,可以传入一个选项对象Vue.use(MyPlugin, { someOption: true })
20.什么是响应式布局？
响应式布局是同一页面在不同的屏幕上有不同的布局，即只需要一套代码使页面适应不同的屏幕
4万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
