前端如逆水行舟...

不同用户展示不同界面效果，动态路由过滤，以及常量路由和任意路由合并等

vue2 api 复习

npm install --save nprogress

vue插件报错vue.runtime.esm.js?c320:4573 [Vue warn]: Failed to resolve directive: lazy

vue2+vant移动端起步1.初始化工程2.下载需要的所有第三方依赖包3.引入准备好的reset.css和flexible.js，实现样式初始化和适配问题4.vant最好的方式，vant自动按需引入5.要引入webpack的postcss插件，用于将px转化为rem6.如果你不想引入flexible.js，希望直接使用插件，如果使用了flexible.js此步骤跳过6.根目录下新建postcss.config.js例如：iphone6

模块式开发既可以单独使用，也可以进行组合使用，彼此之间互不影响, 可以有效清晰的管理数据，每个组件对应着自己的数据‘仓库’

解决了this问题，基本上已经完成了支付功能，剩下的就是在判断支付成功的里面加上路由跳转至支付成功的界面。此时二维码已经生成了，但没有实现支付功能，我们需要借助MessageBox中的beforeClose。在实现微信支付之前，我们要知道，在提交订单是我们需要携带一个query参数去支付页面。常规来说200是支付成功，205是支付中，我这样做的目的也是为了能不用付款（但发请求）就可实现功能。code: "" //我们需要留存请求支付的状态码，205的话说明支付成功。.........

必须刷新才能得到数据？本地存储和vuex的使用出现问题，有意思的是token是空的，那获取用户信息请求失败了也是理所应当的了，那token呢？发现token在本地是有的。。。

try…catch语法，简单来说就是用来捕获异常的，我就简述一下我遇到的问题，或许你可以从我遇到的问题中明白他的作用。当使用vuex在actions发请求时，这个接口不仅可以添加购物车数据，同时也可更新产品的数量，我就在更新产品数量的地方出现了问题，......

兄弟们，我才疏学浅，我直接给关了，然后重启项目，目前并不影响正常操作，什么时候进阶研究源码再说吧！

大概率是向服务器请求的数据还没得到相应，也就是说你定义的数组或者对象根本不存在（由于服务器返回慢造成的），看这个例子...为什么？因为vuex不是永久存储的，一旦刷新就空了，想不报错，就一定先将定义的数据初始化，当服务器没有返回的时候根据具体情况初始一个数组或对象。...

vuex中getter的主要目的是为了数据过滤，得到自己想要的数据，先说如果不使用getters，功能一样可以完成，使用...

vue报错 "TypeError: Cannot read properties of undefined (reading 'dispatch')"found in，我的问题亲测有效，可点击查看

需要使用render函数接收到的createElement函数去指定具体内容，vue.js和vue.runtime.xxx.js的区别 （1）vue.js是完整版的Vue。包含：核心功能+模板解析器 （2）vue.runtime.xxx.js是运行版的Vue，只包含核心功能因为vue.runtime.xxx.js没有模板解析器，所以不能使用template配置项，需要使用render函数接收到的createElement函数去指定具体内容...

我们需要使用样式穿透（深度选择器），它有三种书写方式，分别针对原生css：>>>less: /deep/如果父组件的样式（scoped）且还想影响到子组件的样式像这种情况我们可以选择使用深度选择器，它可以实现样式穿透，看下图：scss:::v-deep......

Object.assign(this._data,this.$options.data())由上图可知，assign()的参数可以有多个，第一个参数为目标对象，第二个以及第三个第四个..都是源对象，也就是说，如果源对象属性名和目标对象属性名不相同时，所有的源对象键值对都会合并到目标对象中。如果目标对象中的属性名与源对象中的属性名相同时，则属性将被源对象中的属性覆盖。......

由上图可知：这三个参数item为数组的元素值，index为数组的下标，arr是数组本身map在写法上和forEach类似，参数所代表的含义也一样，接下来我们使用同样的代码，再运行一遍，只将forEach改为map，相同点：map和forEach都不会影响原数组；它们的写法极为相似，回调函数的参数也是相同的。...

导航守卫意思是符合条件的就放行，进行路由跳转并进行一系列的业务与逻辑全局守卫：整个页面一旦有路由发生变化，它都能监测的到，它们负责所有路由的变化已知：token令牌已经被存储在本地，并将数据放到了vuex中的state的token中。在router文件夹--->index.js，，，这里用到了全局守卫中的前置守卫。全局前置守卫，初始化时执行、每次路由切换前执行。主要进行权限的判断，如果权限不符合要求就不放行（next）,还可以在路由中添加meta：{属性：属性值}，自定义其中的属性，主要用于

1.安装vue2所兼容的版本 npm i vue-lazyload2.在main.js中引入插件和图片。3.将需要懒加载的图片 :src=" "更改为v-lazy，即可完成——当服务器返回的数据页面没有来得及渲染的时候，所呈现的等待图片提示...

手写浅拷贝和深拷贝...如果仅仅只是想实现浅拷贝，那干脆...扩展运算符不就好了吗（下方有浅拷贝的方法）？于是在之前的代码中加上递归的方法，就可以实现深拷贝了

举例：鼠标点击span标签时，span标签消失，同时input显示，并且，input在此已经获取到了焦点分析：当需要浏览器重绘重排的时候，是需要时间的，当点击span标签时Input还没有渲染出来，此时如果在点击span的方法里直接写focus()，可以发现是不起作用的，input没有何来焦点？

在Vue中disabled:的值是受布尔值影响的，false为关闭禁用，true为开启禁用效果。通过某个input中值是否为空或者某个id是否为空来控制当前的表单元素是否禁用

vue.runtime.esm.js?2b0e:619 [Vue warn]: Error in v-on handler (Promise/async): “Error: 失败“found in造成上方报错的原因可能有两种：1.发请求时传递的参数没有正确传递（例如要传递的参数可能没有正确的获取，以至于向服务器传递的其实是空，可以在传递前先打印一下要传递的参数是否正确） 2.发请求时请求的...

1.安装 npm i mockjs 2.在mock文件夹创建xxx.json，将模拟的json数据放进去

登录成功的时候，后台为了区分这个用户是谁，服务器会下发token【令牌：唯一标识符】，前台需要持久化存储，带着token找服务器要数据。一般登录有首页展示用户信息或个人中心，一旦刷新将要存在vuex中的token就没了，这个问题在导航守卫处将要解决，现在的问题是1.怎么获取token，2.怎么存储token

这样在每次发送请求时都会通过请求头传递给服务器，在以游客身份获取购物车数据和支付详情时，服务器就可以返回数据，如果没有这个唯一标识，加入购物车的数据，服务器不会返回数据

组件间通信的方式，包含props、父传子、子传父、自定义事件、全局事件总线，Vuex、Vuex模块化

用this.$nextTick(()=>{swiper的js代码})，将其放入到监听事件中，数据一发生变化就等v-for遍历（即“下次dom更新后”）之后，再执行swiper的js代码。

利用event.target获取点击事件的元素节点，而问题在于如何在这些节点中辨别哪一个是a标签。dataset ——它可以获取节点的自定义属性与属性值

接口的统一管理和解决跨域问题，接口统一管理的好处是什么？跨域问题的解决办法

为什么要对axios进行二次封装？二次封装有什么好处？具体用途

重写push和replace方法解决Vue多次传递重复参数会报错

<!-- 面试题：对比算法的目的就是能复用DOM1.虚拟DOM中key的作用： key是虚拟DOM对象的标识，当数据发生变化时，vue会根据【新数据】生成【新的虚拟DOM】， 随后Vue进行【新虚拟DOM】与【旧虚拟DOM】的差异比较，比较规则如下： 2.对比规则： （1）.旧虚拟DOM中找到了与新虚拟DOM相同的key: 若虚拟DOM中内容没变，直接使...

MVVMM:模型（Model）:对应data中的数据V：视图（View）:模板VM：视图模型（View Model）：Vue实例对象Data Bindings:数据绑定的意思：数据存在model中，经过vm中的数据绑定呈现到页面的指定位置的过程。DOM Listeners:dom监听，当页面数据改变的时候能够被监听到并存在数据中...

目前只知道我的问题出在哪里报的这个错——问题在于我使用的是分别暴露的方式，但是我引入的时候却下意识的使用了默认暴露引入接口，才出现带有api的错误。我的改正是，接口对外暴露的方式依旧是分别暴露，而我引入的方式是加了一个{}为了能够合理正确 的引入我的问题出现的范围在vuex仓库这里,引入路径为@/api中获取数据的接口，在api中这个接口的暴露方式和仓库引用的方式并不匹配造成了上图的错误。这也是我粗心大意造成的，还好我划分的范围比较清晰，很快就找到了。。。。...