cheney_ci

入口函数 vue3与vue2相比，不再使用构造函数创建实例对象，且实例对象app比vm更轻。 setup setup是vue3的一个新配置项，组件中所用到的数据、方法都得配...

computed函数 vue3中的计算属性与vue2的配置功能一致，但在setup函数中使用必须先引入，写法如下： watch函数 vue3的watch函数参数分别为被监视...

实现原理 通过Proxy（代理）拦截对象中任意属性的变化，包括：属性值的读改、属性的添加、属性的删除等 通过Reflect（反射）对源对象的属性进行操作 Vue3处理响应式...

vue-router vue的一个插件库，专门用来实现SPA应用（单页面应用）。 路由 一个路由就是一组映射关系（key和value） key为路径，value可能为组件（...

搭建vuex环境 创建文件：src/store/index.js 在main.js中创建vm时传入store配置项 基本使用 初始化数据、配置actions、mutatio...

扩展运算符 扩展运算符...将一个数组转为用逗号分隔的参数序列。 只有在函数调用时，扩展运算符才可以放在圆括号中，否则会报错。 下面是扩展运算符取代apply()的例子。 ...

ES6允许为函数的参数设置默认值，即直接写在参数定义的后面。 参数变量是默认声明的，所以不能用let或const再次声明。 参数默认值不是传值的，而是每次会重新计算默认值表...

当请求跨域时，可以通过vue脚手架配置代理来请求数据。 方法一 在vue.config.js中添加如下配置： 优点：配置简单。请求资源时直接发给前端（8080）即可。 缺点...

功能 mixin可以把多个组件共用的配置提取成一个混入对象。 使用方式 定义混合 使用混入这个就是混入啦。...

Vue监测原理 Vue会监视data中所有层次的数据。 Vue如何监测对象中的数据 通过setter实现监控，且要在new Vue时就传入要监测的数据。 对象中后追加的属性...

ES6分别用前缀0b（或0B）和0o（或0O）表示二进制和八进制数值。 如果要将0b和0o前缀的字符串数值转为十进制，要使用Number方法。 ES2021中，较长的数值允...

Vue 数据代理 通过一个对象代理另一个对象的属性操作（借助Object.defineProperty方法） 修改obj2.x的值时obj1.x的值同步变化。 计算属性 要...

虚拟DOM（Vnodes）中key的作用： key是虚拟对象的标识，当数据发生变化时，Vue会根据【新数据】生成【新的虚拟DOM】。 随后Vue通过对比算法（diff算法）...

String.fromCodePoint()方法定义在String对象上，它可以识别大于0xFFFF的字符。 如果String.fromCodePoint方法有多个参数，则...

字符的Unicode表示法 es6允许使用\uxxxx形式表示一个字符，其中xxxx表示字符的Unicode码点；但是折中表示只限于码点在\u0000~\uFFFF之间的字...

解构赋值 解构赋值允许指定默认值 但只有当一个数组成员严格等于undefined，默认值才会生效。 如果数组成员是null，默认值变化生效，因为null不严格等于undef...

let和const命令；暂时性死区（temporal dead zone，简称 TDZ）；let和var的区别；const和var的区别...

data中放的是什么，页面展示的也是什么；data改变则页面随之改变。 input中的value值与data中的inputValue绑定，两者相互影响。 v-if（条件渲染...

每个 Vue 实例在被创建时都要经过一系列的初始化过程——例如，需要设置数据监听、编译模板、将实例挂载到 DOM 并在数据变化时更新 DOM 等。同时在这个过程中也会运行一...

Formatting context是页面中的一块渲染区域，并且有一套渲染规则，它决定了其子元素将如何定位，以及和其他元素的关系和相互作用。最常见的 Formatting ...