vue知识相关【kvon小孔菜菜】

ts+ vue2 一、环境搭建 创建项目 vue create xxx 默认选择安装了vue2.0 启动项目 在项目下安装 vue add @vue/script npm i vuex 搭建完成 二、

使用vue-cli2版本创建vue项目 、vue-cli3及以上的vue项目、webpack中文件解析

什么是脚手架 一个命令行工具 根据交互式终端动态生成项目结构和配置文件 通过命令行去完成那些重复性的工作，不需要在粘贴来粘贴去 开发一个通用的脚手架，去处理重复构建自己项目结构的这样一个事情 实现自己

一、npm  run xxx 的时候发生了什么？ 思考 💡：npm run xxx 的时候，发生了什么？讲的越详细越好 npm run xxx 的时候，首先会去项目的 package.json 文件里

对虚拟DOM的理解|diff算法原理|搭建snabbdom|搭建webpack运行snabbdom的demo|h函数的用法|手写patch|手写h函数|key值问题

1、Vue3新API 1.Vue3新API （1）setup 接受2个参数，props和context，props接受父组件的传值，后者暴露3个属性

vuex原理|action和mutation的区别|vuex和localStorage的区别|为什么mutation不能异步

路由懒加载|hash和history的区别|如何获取页面的hash值|$route 和$router 的区别|动态传参|路由生命周期

props和emit|EventBus|依赖注入|ref和refs|parent和children|$attrs和$listeners|vuex

生命周期各个阶段|父子组件的执行顺序|created和mounted的区别|在哪个生命周期中请求异步数据

v-bind|v-on|v-model|v-show|v-if|v-else|v-for|v-else-if|v-text|v-html|v-pre|v-cloak|v-once

1、什么是mixins |定义一个混入对象 |引入混入对象 |几种混入组合 混入对象的参数|混入对象的方法|混入对象的生命周期函数|与vuex的区别|与公共组件的区别

场景|注册指令分为全局和局部|自定义指令的钩子函数|钩子函数的参数|常用案例|input聚焦|防抖|时间转换

单页面应用只加载一次资源然后利用js动态改变页面内容|单页面的优点|单页面的优点|首屏加载速度慢的解决方案|单页面和多页面的对比

添加属性 |界面没有更新|使用vue.$set()|vue.$set()的解释|添加新的属性的几种方法| vue.$set()的原理

使用nextTick的时机，在某些动作可能改变DOM元素结构的时候，对DOM进行的一系列js操作都应该放在Vue.nextTick()的回调函数中

keep-alive组件 |两个生命周期函数activated:在keep-active组件激活的时候调用deactivated:在keep-active组件停用时调用 |实际案例|实际模拟

前端性能优化|如何保持页面当前的状态 |v-if、v-show、v-html的原理 |v-if和v-show的区别|页面闪动|v-for和v-if|权限控制

slot什么时候用|为什么需要slot| slot 与 props 的区别|3种插槽的简单介绍|插槽的实现原理

1、computed和watcher的区别 | 2、computed和methods的区别| 3、filter 与 computed 的区别| watch的几种方式