2202_75345049的博客

特性数据驱动视图vue 会监听数据的变化，从而自动重新渲染页面的结构优点：当页面数据发生变化时，页面会自动重新渲染！但是数据驱动视图是单向的数据绑定2.双向数据绑定双向数据绑定可以辅助开发者在不操作 DOM 的前提下，自动把用户填写的内容同步到数据源中。优点：开发者不再需要手动操作 DOM 元素，来获取表单元素最新的值！MVVMMVVM 是 vue 实现数据驱动视图和双向数据绑定的核心原理。MVVM 指的是ModelView和ViewModel。

菜单权限的难点在于如何处理后端数据，正确的设置好route的component，这是最关键也是最难的一步，在动态导入路由的时候怎么解决不必要的性能开销。

当用户修改时，只需要点击叉号，删除当前预览的照片，因为:max-count=“1”，只能上传一张照片，当照片消失时，上传按钮会出现，点击上传，就能完成照片的修改。个人头像的修改是最大的难点，这个功能花费了两三天，因为做出来的要不是有bug，要不就是达不到理想效果，因为我用了vant ui，里面有图片上传的组件。在首页和其他展示多个数据的页面，有时候下部的导航栏会挡住数据展示，影响用户使用，所以做了一个功能，当用户往下滑动时，底部导航栏隐藏。但是这种有问题，基础用法只能展示图片，不能进行修改。

vue组件相关知识

VueX：VueX 是 Vue.js 官方提供的状态管理库。它基于 Flux 架构模式，提供了一个中央状态存储器来管理应用程序中的状态。VueX 可以通过 mutations、actions 和 getters 等概念来修改和处理状态的变更，同时具有强大的工具和插件支持。Pinia是 Vue 的专属状态管理库，它允许你跨组件或页面共享状态。如果你熟悉组合式 API 的话，你可能会认为可以通过一行简单的 export const state = reactive({}) 来共享一个全局状态。

pinia是一个状态管理工具pinia是 Vuex4 的升级版，也就是 Vuex5官网相比于vuex4，pinia有很大改进，即：mutation已被弃用，Actions同步异步都支持无需要创建自定义的复杂包装器来支持 TypeScript，一切都可标注类型，API 的设计方式是尽可能地利用 TS 类型推理。无需要动态添加 Store，它们默认都是动态的不再有嵌套结构的模块不再有可命名的模块文件结构区别# Vuex 示例(假设是命名模块)。

2020年9月18日，Vue.js发布3.0版本，代号：One Piece（海贼王）

工作方式：若按照上述配置代理，当请求了前端不存在的资源时，那么该请求会转发给服务器 （优先匹配前端资源）例如：本机是locahost：8080 要给locahost：5000发请求，那么配置的就是5000。跨域是是因为浏览器的同源策略限制，是浏览器的一种安全机制，服务端之间是不存在跨域的。当请求的资源本机原本就存在时，就不会发送请求，如果解决这个问题，请看方式二。优点：可以配置多个代理，且可以灵活的控制请求是否走代理。缺点：不能配置多个代理，不能灵活的控制请求是否走代理。常见的跨域解决方法有。

vuex是什么？官方给出的解释是：Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式 + 库。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。看完官方解释后，你可能对状态管理模式很疑惑，对于状态管理模式，官方给出了详细的解释。状态，驱动应用的数据源；视图，以声明方式将状态映射到视图；操作，响应在视图上的用户输入导致的状态变化。详细的视图演示如何理解这个图示呢？

1.一种组件间通信的方式，适用于：子组件 ===> 父组件2.使用场景：A是父组件，B是子组件，B想给A传数据，那么就要在A中给B绑定自定义事件（事件的回调在A中）。第一种方式，在父组件中： 或 第二种方式，在父组件中：......mounted(){// 若想让自定义事件只能触发一次，可以使用once修饰符，或$once方法。

因为箭头函数并没有 this，this 会作为变量一直向上级词法作用域查找，直至找到为止。导致这种错误产生的原因是。vue中出现这种错误。