Vue created 和 mounted 一般在 created（或beforeRouter） 里面请求数据就可以，如果涉及到需要页面加载完成之后的话就用mounted。 在 created 的时候，视图中的 html 并没有渲染出来，所以此时如果直接去操作 html 的 dom节点，一定找不到相关的元素。 而在 mounted 中，由于此时 html 已经渲染出来了，所以可以直接操作 dom 节点，（此时document.getelementById 即可生效了）。

Vue 3.0 1. 性能比 2.0 快 1.1 优化 diff 算法 在 vue2 中，虚拟 dom 是全量比较的；vue3 中是增量比较的。 在 vue3 中，增加了静态标记 PatchFlag 。在创建 vnode 的时候，会根据 vnode 的内容是否可以变化，为其添加静态标记 PatchFlag 。diff 的时候，只会比较有 PatchFlag 的节点。PatchFlag 是有类型的，比如一个可变化文本节点，会将其添加 PatchFlag 枚举值为 TEXT 的静态标记。这样在 diff 的时候，只需比对文本内容。需要比对的内容更少了。PatchFlag 还有动态 class、动态...

vue项目中如何引用第三方库（比如jQuery） （1）绝对路径直接引入 在index.html 中用script 引入 <script src="./static/jquery-1.12.4.js"></script> 然后在webpack 中配置external externals: { 'jquery': 'jQuery' } 在组件中使用时import import $ from 'jquery' （2）在webpack 中配置alias resolve: { extensions: ['.js', '.vue', '.json']...

Axios 1. Axios 简介 Axios 是一个基于 promise 网络请求库，作用于 node.js 和浏览器中。 它是 isomorphic 的（同一套代码可以运行在浏览器和 node.js 中）。在服务端它使用原生 node.js http 模块，而在客户端则使用 XMLHttpRequest。 2. 特性 从浏览器创建 XMLHttpRequests； 从 node.js 创建 http 请求； 支持 Promise API； 拦截请求和响应； 转换请求和响应数据； 取消请求； 自动转换 JSON 数据； 客户端支持防御 XSRF； 3. 封装 Axios 由于 axio...

v-model 一则语法糖，相当于 v-bind:value="xxx" 和 @input，意思是绑定了一个 value 属性的值，子组件可对 value 属性监听，通过 $emit('input', xxx) 的方式给父组件通讯。自己实现v-model 方式的组件也是这样的思路。

Vue.delete和delete 1. delete 只是被删除数组成员变为 empty / undefined，其他元素键值不变 2. Vue.delete 直接删了数组成员，并改变了数组的键值（对象是响应式的，确保删除能触发更新视图，这个方法主要用于避开 Vue 不能检测到属性被删除的限制）

vue如何监听键盘事件 （1）@keyup 方法 <template> <input ref="myInput" type="text" value="hello world" autofocus @keyup.enter="handleKey"> </template> <script> export default { methods: { handleKey(e) { console.lo...

虚拟DOM https://www.jianshu.com/p/af0b398602bc 虚拟dom是相对于浏览器所渲染出来的真实dom的。 在react，vue等技术出现之前，要改变页面展示内容只能通过遍历查询dom树的方式找到需要修改的dom， 然后修改样式行为或者结构，来达到更新ui的目的。 这种方式相当消耗计算资源，因为每次查询dom几乎都需要遍历整棵dom树，如果建立一个与dom树对应的虚拟dom对象（ js对象），以对象嵌套的方式来表示dom树，那么每次dom的更改就变成了js对象的属性的更改，查找js对象的属性变化要比查询dom树的性能开销小。 1. 什么是虚拟DOM 实际上...

vue和react有什么不同？使用场景分别是什么？ （1）Vue 是完整一套由官方维护的框架，核心库主要有由尤雨溪大神独自维护，而 React是脸书维护（很多库由社区维护），曾经一段时间很多人质疑Vue 的后续维护性，似乎这并不是问题。 （2）Vue 上手简单，进阶式框架，白话说你可以学一点，就可以在你项目中去用一点，你不一定需要一次性学习整个Vue 才能去使用它。而React，恐怕如果你这样会面对项目束手无策。 （3）语法上 Vue 并不限制你必须 es6 + 完全 js 形式编写页面，可以视图和 js 逻辑尽可能分离，减少很多人看不惯 React-jsx 的嵌套，毕竟都是作为前端开发者，还...

Vue Vue 是一个构建数据驱动的渐进性框架，它的目标是通过API 实现响应数据绑定和视图更新。 一、优点 （1）数据驱动视图，对真实 dom 进行抽象出 virtual dom（本质就是一个js 对象），并配合 diff 算法、响应式和观察者、异步队列等手段以最小代价更新 dom，渲染页面。 （2）组件化，组件用单文件的形式进行代码的组织编写，使得我们可以在一个文件里编写html\css（scoped 属性配置css 隔离）\js 并且配合Vue-loader 之后，支持更强大的预处理器等功能。 （3）强大且丰富的API ：提供一系列的api 能满足业务开发中各类需求。 （4）由于采用虚拟...

Eventloop，微任务和宏任务 1. Eventloop 事件循环机制 1.1 概述 Javascript 中先分【同步和异步】，然后事件任务分为【宏任务和微任务】, 执行顺序是先执行微任务再执行宏任务。(异步顺序也是如此) 先执行主线程同步的微任务，发现异步之后，放入到异步队列中 然后执行同步的宏任务，宏任务执行完毕 执行刚才的异步任务。此顺序反复执行loop 宏任务：整体代码 script，setTimeout，setInterval 微任务：Promise.then(非new Promise） 1.2 执行栈和队列 （1）所有同步任务都在主线程上执行，形成一个执行栈（execut...

ES6箭头函数和function的区别 1. 写法 // function function fn(a, b){ return a + b; } // arrow function var foo = (a, b)=>{ return a + b }; 2. this 的指向 使用 function 定义的函数，this 的指向随着调用环境的变化而变化的，而箭头函数中的 this 指向是固定不变的，一直指向的是定义函数的环境。 使用 function 定义的函数中 this 指向是随着调用环境的变化而变化的。 // 使用function定义的函数 function foo(){ ...

js 中 call、apply和bind的区别 参考：https://zhuanlan.zhihu.com/p/82340026 call，apply，bind的作用是用来改变this的指向。 示例： var name = "lucy"; let obj = { name: "martin", say: function () { console.log(this.name); } }; obj.say(); //martin，this指向obj对象 setTimeout(obj.say, 0); //lucy，this指向window对象 可以观...

实现一个计算一年中有多少周 首先得知道是不是闰年，也就是一年是 365 还是 366. 其次得知道当年 1 月 1 号是周几。假如是周五，一年365 天把 1 号 2 号 3 号减去，也就是把第一个不到一周的天数减去等于362。 还得知道最后一天是周几，加入是周五，需要把周一到周五减去，也就是362-5=357。 正常情况357 这个数计算出来是7 的倍数。357/7=51 。即为周数。