需求：刷新页面，登录状态不会因此改变首先说一下vuex和localStorage的区别1.实质区别vuex存的是状态，存储在内存；localStorage是浏览器提供的接口，让你存的是接口，以文件的形式存到本地2.应用场景vuex用于组件之间传值，localStorage主要用于页面间传值3.永久性当刷新页面时，vuex存储的值会丢失，localStorage不会总...

一、认识class定义类我们会发现，按照前面的构造函数形式创建 类，不仅仅和编写普通的函数过于相似，而且代码并不容易理解。在ES6（ECMAScript2015）新的标准中使用了class关键字来直接定义类；但是类本质上依然是前面所讲的构造函数、原型链的语法糖而已；可以使用两种方式来声明类：类声明和类表达式// 类的声明class Person {}// 类的表达式var Animal = cla

需求：刷新页面，登录状态不会因此改变首先说一下vuex和localStorage的区别1.实质区别vuex存的是状态，存储在内存；localStorage是浏览器提供的接口，让你存的是接口，以文件的形式存到本地2.应用场景vuex用于组件之间传值，localStorage主要用于页面间传值3.永久性当刷新页面时，vuex存储的值会丢失，localStorage不会总...

比如我们现在想要实现了一个功能：点击一个tab-bar，切换不同的组件显示；我们可以通过两种不同的实现思路来实现：方式一：通过v-if来判断，显示不同的组件；方式二：动态组件的方式；1.v-if显示不同的组件我们可以先通过v-if来判断显示不同的组件，这个可以使用我们之前讲过的知识来实现：2.动态组件的实现动态组件是使用 component 组件，通过一个特殊的attribute is 来实现：.

在某些情况下，一个页面的path路径可能是不确定的，比如我们进入用户界面时，希望是如下路径/user/aaa或/user/bbb除了有前面的/user之外，后面还跟上了用户ID这种path和Component匹配关系，我们称之为动态路由（也是路由传递数据的一种方式）router下index.js配置路由{path：'/user/:id',component: User}进入user页面点击路径&l

一、jsxjsx的babel配置如果我们希望在项目中使用jsx，那么我们需要添加对jsx的支持：jsx我们通常会通过Babel来进行转换（React编写的jsx就是通过babel转换的）；对于Vue来说，我们只需要在Babel中配置对应的插件即可；安装Babel支持Vue的jsx插件：npm install @vue/babel-plugin-jsx -D在babel.config.js配置文件中

在开发中，我们想要给一个组件的显示和消失添加某种过渡动画，可以很好的增加用户体验：React框架本身并没有提供任何动画相关的API，所以在React中使用过渡动画我们需要使用一个第三方库react-transition-group；Vue中为我们提供一些内置组件和对应的API来完成动画，利用它们我们可以方便的实现过渡动画效果；如果我们希望给单元素或者组件实现过渡动画，可以使用 transition

一、大厂必考原理1.组件化和MVVM2.响应式原理3.vdom和diff算法4.模板编译5.组件渲染过程6.前端路由1.组件化基础=>（MVVM模型）传统组件，知识静态渲染，更新依赖于操作DOM数据驱动视图 - Vue MVVMMVVM是Model-View-ViewModel缩写，也就是把MVC中的Controller演变成ViewModel。Model代表数据模型，View代表UI组件，

router-link的v-slot在vue-router3.x的时候，router-link有一个tag属性，可以决定router-link到底渲染成什么元素：但是在vue-router4.x开始，该属性被移除了；而给我们提供了更加具有灵活性的v-slot的方式来定制渲染的内容；v-slot如何使用呢？首先，我们需要使用custom表示我们整个元素要自定义如果不写，那么自定义的内容会被包裹在一个

在开发中，我们构建了组件树之后，除了父子组件之间的通信之外，还会有非父子组件之间的通信。这里我们主要讲两种方式：Provide/Inject；Mitt全局事件总线；一、Provide和InjectProvide/Inject用于非父子组件之间共享数据：比如有一些深度嵌套的组件，子组件想要获取父组件的部分内容；在这种情况下，如果我们仍然将props沿着组件链逐级传递下去，就会非常的麻烦；对于这种情况