qq_36812154的博客

1、问题描述：一般在登录成功的时候需要把用户信息，菜单信息放置vuex中，作为全局的共享数据。但是在页面刷新的时候vuex里的数据会重新初始化，导致数据丢失。因为vuex里的数据是保存在运行内存中的，当页面刷新时，页面会重新加载vue实例，vuex里面的数据就会被重新赋值。2、解决思路：办法一：将vuex中的数据直接保存到浏览器缓存中（sessionStorage、localStorage、cookie）办法二：在页面刷新的时候再次请求远程数据，使之动态更新vuex数据办法三：在父页面向

vue从入门到精通之【vue-router】(八)前端路由（vue-router/react-router-dom）单页面应用& 多页面应用「SPA（single page application）单页面应用」：一个项目只有一个页面，我们基于路由，控制页面展示不同的片段（或组件），当展示内容改变的时候，页面并不会刷新！！「MPA（multi page application）多页面应用」：一个项目有很多页面，我们做的是页面之间的跳转，每一次跳转都是打开新的页面（相当于页面刷新了.

对于大部分管理后台而言，角色权限都是一个重要的环节。通过角色权限的配置，我们可以轻松的调整各个用户所拥有的各个模块或者说页面的权限，从而让用户只能访问到对应权限的页面。通俗易懂的来说，就是哪些页面是向所有用户开放的，哪些是需要登录后才能访问的，哪些是要拥有xx角色权限才能访问的等等(这里的xx指的是管理员、普通成员等这些的角色)。在后台管理系统中角色权限的方案设计是很重要的。 其一，好的设计能为后面新增的模块或者说页面省下很多功夫。 其二，好的设计能为之后的拓展功能(比如权限具体控制

vuex一个公用的大仓库，Vuex 可以帮助我们管理共享状态，并附带了更多的概念和框架。Vuex 实现了一个单向数据流，在全局拥有一个 state 存放数据，当组件要更改 state 中的数据时，必须通过mutations进行，mutations 同时提供了订阅者模式供外部插件调用获取 state 数据的更新。而当所有异步操作（常用于调用后端接口异步获取数据）或批量的同步操作需要走 actions，但 actions 也是无法直接修改 state 的，还是需要通过触发 mutations 中的方..

父子组件的通信首先，我们指导正常情况下子组件是不能访问父组件或者Vue实例的数据的但是，在开发中，往往一些数据确实需要从上层传递到下层 比如在一个页面中，我们从服务器请求到了很多的数据。 其中一部分数据，并非是我们整个页面的大组件来展示的，而是需要下面的子组件进行展示。 这个时候，并不会让子组件再次发送一个网络请求，而是直接让大组件(父组件)将数据传递给小组件(子组件) 那如何进行父子组件间的通信呢？Vue官方提到 通过props向子组件传递数据 通过事

什么是组件化 如果我们将一个页面中所有的处理逻辑全部放在一起，处理起来就会变得非常复杂，而且不利于后续的管理以及扩展。 但如果，我们讲一个页面拆分成一个个小的功能块，每个功能块完成属于自己这部分独立的功能，那么之后整个页面的管理和维护就变得非常容易了 组件化思想 组件化是Vue.js中的重要思想 它提供了一种抽象，让我们可以开发出一个个独立可复用的小组件来构造我们的应用 任何的应用都会被抽象成一颗组件树 组件化思想的应用：

生命周期定义每个vue实例在被创建之前都要经过一系列的初始化过程，这个过程就是vue的生命周期。详细来说，就是Vue实例从开始创建，初始化数据，编译模板，挂在dom->渲染，更新->渲染，卸载等一系列过程，我们称这是vue的生命周期，各个阶段有相对应的事件钩子。钩子函数：当代码执行到特定阶段的时候会调用的函数，也是回调函数。生命周期示意图初始化 beforeCreate实例刚创建，无任何属性 created组件实例创建完成，有属性了，data、el..

安装：npmi@vue/cli-g基于脚手架创建 vue 项目： 选中 vue 版本 自定义一些配置项 vuecreatexxx//项目需要符合npm包规范（数字和小写字母）项目目录：特殊：一般来讲，public/index.html 页面模板中不会编写啥内容，一般都是基于 webpack 把各组件（各页面）的内容合并编译后，插入到 index.html 的#app 的容器中。 但是部分需求还需要在这个页面中写： 我们后期可以基于 vue3...

Vue.prototypevm.$watch设置监听器，和直接在配置项中写的 watch 类似vm.$set设置响应式数据的值vm.$delete删除某个响应式数据vm.$destroy销毁这个组件/实例 会触发beforeDestory和destroyed周期函数vm.$forceUpdate强制通知组件更新「一般响应式数据更改后，组件会更新；但是非响应式数据更新后，我们也想让组件更新，可以基于这个办法」vm.$mount把编译后的内容挂载到某个容器中vm...

Vue.prototypevm.$watch设置监听器，和直接在配置项中写的 watch 类似vm.$set设置响应式数据的值vm.$delete删除某个响应式数据vm.$destroy销毁这个组件/实例 会触发beforeDestory和destroyed周期函数vm.$forceUpdate强制通知组件更新「一般响应式数据更改后，组件会更新；但是非响应式数据更新后，我们也想让组件更新，可以基于这个办法」vm.$mount把编译后的内容挂载到某个容器中vm...

vueVue是"渐进式框架":vue.min.js只包含了vue的核心内容【例如：options api 、数据处理、template模板视图解析等操作】；真实项目中我们还会根据需求，导入vuex实现公共状态管理vue-router实现SPA（single page application）单页面应用element-ui/antdv/iview/vant/cube基于这些UI组件库快速创建项目axios实现数据通信@vue/cli基于vue的脚手架创建工程化项目Vue是...

JAVA学习资源分享最高端的JAVA架构师资源（来自龙果学院 价值￥1399元）、JAVA互联网分布式架构（龙果学院 价值￥899元）、Spring Boot(包括源码原理分析) + Spring Cloud微服务架构(价值￥69和￥299两套实战)、大数据开发（龙果学院 价值￥299元）、Linux运维、MySQL性能调优（这些DB优化都是精华）、多线程高并发详解（龙果学院 价值￥889元）...