筛选接口返回时。

目前我们是使用组件化的方式在开发整个Vue的应用程序，但是组件和组件之间有时候会存在相同的代码逻辑，我们希望对相同的代码逻辑规则

一、项目搭建如果已经全局安装过旧版本的vue-clinpm uninstall vue-cli -g//yarn global remove vue-cli然后安装npm install -g @vue/cli//yarn global add @vue/cli如果npm run serve出现错误卸载已经安装旧版本的vuenpm uninstall vue安装指定版本npm install vu

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

需求：刷新页面，登录状态不会因此改变首先说一下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配置文件中