路由解耦-解决Vue通过name和params进行跳转页面传参刷新参数丢失的问题...
1、最后的效果 （刷新不会丢失）：当然也可以通过 path 和 query 的方式进行传参 this.$router.push({path： 路由路径，query： {要传的产生} }) 但是这不能进行 props 解耦。
2、注意路由跳转传递 params 和 query 的方式不相同，传递 params 时，不能使用路由的 path ，需要用到路由 nam e属性，所以上面分了情况进行跳转。
3、给在src/router/index.js文件里的hi1配置的路由起个name，就叫hi最后在模板里(src/components/Hivue)用$route.params.username进行接收.总结： 今天我们学习了两种传参的方法，一般会使用第二种方法。
4、先上最终的解决方案，通过 导航守卫 中的route.beforeRouteEnter解决了这个问题，可能还有更好的解决方式，现阶段对这种方案还是比较满意的，既没有发散学习点，也没有使用vue以外的技术。
Vue父子组件间通信(数据传递)
1、运行father.vue后的效果是这样的：示例效果一通过prop实现通信子组件的props选项能够接收来自父组件数据。没错，仅仅只能接收，props是单向绑定的，即只能父组件向子组件传递，不能反向。
2、传递基本类型数据当子组件内容较少时，会直接传递基本类型数据，通常为String， Number， Boolean三种。
3、子组件在按钮的点击事件中，通过 `this.$emit(childEvent， data)` 来触发自定义事件，并传递数据给父组件。
vuex的状态管理有什么缺点吗?
1、虽然 Vuex 可以帮助我们管理共享状态，但也附带了更多的概念和框架。这需要对短期和长期效益进行权衡。如果您不打算开发大型单页应用，使用 Vuex 可能是繁琐冗余的。确实是如此——如果您的应用够简单，您最好不要使用 Vuex。
2、它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。Vuex 也集成到 Vue 的官方调试工具 devtools extension，提供了诸如零配置的 time-travel 调试、状态快照导入导出等高级调试功能。
3、使用单一状态树，导致应用的所有状态都集中到了一个很大的对象。所以，store对象容易变得臃肿。为了解决这个问题， Vuex允许咱们把store进行一个功能拆分，分割成不同的模块（module）。
4、当项目庞大，状态非常多时，可以采用模块化管理模式。Vuex 允许我们将 store 分割成 模块（module） 。每个模块拥有自己的 state、mutation、action、getter 、甚至是嵌套子模块——从上至下进行同样方式的分割。
5、}) 非 Flux 的全局状态管理应该优先通过 Vuex 管理全局状态，而不是通过 this.$root 或一个全局事件总线。
Vue组件传值及页面缓存问题
使用v-for的时候设置key值得时候，我用的是index，导致存在缓存的情况，这个和vue中的diff算法有关。
在Vue中经常会遇到需要缓存页面的情况，如果不对Vue进行处理，那么Vue默认是不会缓存页面的。
通过路由访问钩子设置B页面的keepAlive为true或者false。离开路由后，判断to.name是否是A的路由名，是的话设置为false，否则设置为true。注意B页面的keepAlive要设置为true。
在app.vue里keep-alive router-view/router-view/keep-alive但是这种情况会对所有的组件进行缓存，不能达到单个组件缓存的效果。
vue父组件与子组件之间的传值
1、vue的组件间传值可分为以下几种情况：父子组件间的传值：通过props传值。父组件引入封装好的子组件，通过变量 占位传值，在子组件中通过props接收数据。
2、子组件通过$emit触发一个自定义事件，将更新的数据传给父组件。 子组件：父组件：首先祖先给子孙后代传值也是可以用props传递，一层层传递，如果嵌套了五六层，这种方法就显得很繁琐。
3、Vue3中，子组件通过setup函数中的第一个参数值 props 拿到定义的组件参数进行使用。如果要向父组件传参，需要使用setup函数中的第二个参数值 context（组件上下文）中的emit。
4、首先，我们需要明确的是，子父组件之间通讯，子组件是不能直接改变父组件的值的。（父组件是大佬，小弟不能改变大佬的值，但是父组件可以改变子组件的值）通过某种方式，子组件可以”直接“改变父组件的值。
5、需要使用到vue提供的 provide以及inject 方法 其中，provide用来提供传递的数据，inject用来接收数据 子组件的如果也想要使用爷爷组件的数据，操作方法是一样的，也是通过inject进行接收并且return，然后直接使用即可。
以上内容为新媒号(sinv.com.cn)为大家提供！新媒号，坚持更新大家所需的前端知识。希望您喜欢！
版权申明：新媒号所有作品（图文、音视频）均由用户自行上传分享，仅供网友学习交流，不声明或保证其内容的正确性，如发现本站有涉嫌抄袭侵权/违法违规的内容。请发送邮件至 k2#88.com(替换@) 举报，一经查实，本站将立刻删除。
