love_dzq的博客

添加动态路由页面刷新之后空白，刷新后打印所有路由状态还在。在注册router的时候就将所有的动态路由添加进来。这是最符合业务需求和业务逻辑的并且高效的方式。这里在代码的基础上说思路，不针对技术选型：一般的动态路由流程三件套： 【获取后端数据】【封装格式化路由方法】【调用方法生成路由】【获取后端数据】：这一步获取的是系统的菜单的数据1，作用有两【展示菜单目录】【生成动态路由】。获取成功之后存储在store里头，方便获取。将数据存到storage中。【封装格式化路由方法】：转化的方法和数据的有直接关系这里不做

在element-plus里头很多针对于2的旧样式已经不好用。包括一些语法也被取消，强行使用就会出现问题报错。使用slot的老方式是行不通的！如果给样式框架修改样式的话，直接到浏览器里头找到可能能通过修改实现自己业务需求的样式，进行修改。在浏览器中调试好了，直接通过:deep修改样式。setup组件化的用法经验1.props在setup中的使用props在模板中是可以直接调用的。props对象是不能直接在setup中解构出来的会丢失响应式。总之，通过reactive绑定的响应式都不可以通

由于下载的依赖包很多是不兼容ie的(比如箭头函数等)，所以第一步就要babel把依赖的代码 编译了！！！在src根目录vue.config.js下在src根目录.browserslistrc下在src根目录babel.config.js下在main.js下在package.json下如果报错：[vuex] vuex requires a Promise polyfill in this browser.在这个浏览器中vuex需要Promise填充。在public的index.h

我们知道通过全局事件总线的方法同样也能够实现任意组件间的通信，并且是依托于Vue的特性结合一些技巧实现的,并不需要第三方的支持，那么和全局事件总线相比Vuex和全局事件总线$bus的区别在哪里呢？我们下面来探讨一下

关于不同版本的Vuevue.js与vue.runtime.xxx.js的区别：vue.js是完整版的Vue，包含：核心功能 + 模板解析器。vue.runtime.xxx.js是运行版的Vue，只包含：核心功能；没有模板解析器。因为vue.runtime.xxx.js没有模板解析器，所以不能使用template这个配置项，需要使用render函数接收到的createElement函数去指定具体内容。ref属性被用来给元素或子组件注册引用信息（id的替代者）应用在html标签上获取的

在vue.config.js下配置别名aliasmodule.exports = { configureWebpack: { resolve: { alias: { 'assets': '@/assets', 'common': '@/common', 'components': '@/components', 'api': '@/api', 'views': '@/views', 'plugins': '@/plugins' } }

Vue 当中的 ref 和 $refs​ 一般来讲，获取DOM元素，需要使用document.querySelector(’#input1’)方法去获取dom节点，然后再获取input1的值。但是使用了ref绑定之后，我们就不需要再获取dom节点了，可以直接在上面的input上绑定input1，然后**$refs里面调用就行**。在JavaScript里面通过this.$ refs.input1 去调用，这样的做法实际上是访问VUE虚拟出来的DOM，可以有效减少获取/操作DOM节点的性能消耗。父访问

vue .env配置文件使用API

Window localStorage数据缓存localStorage 的作用localStorage 和 sessionStorage 属性允许在浏览器中存储 key/value 对的数据。localStorage 用于长久保存整个网站的数据，保存的数据没有过期时间，直到手动去删除。localStorage 属性是只读的。提示: 如果你只想将数据保存在当前会话中，可以使用 sessionStorage 属性， 该数据对象临时保存同一窗口(或标签页)的数据，在关闭窗口或标签页之后将会删除这些数据。

Promise当想在调用接口获取到数据之前进行一些操作。Uncaught (in promise) TypeError: Cannot read properties of undefined (reading 'data')

this.$nextTick()在页面交互，尤其是从后台获取数据后重新生成dom对象之后的操作有很大的优势，是解决这次问题的关键。