![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
xiangzidz
这个作者很懒,什么都没留下…
展开
-
Vuex数据状态持久化和localstorage一样的小姑,而且还简单
vuex可以进行全局的状态管理,但刷新后刷新后数据会消失,这是我们不愿意看到的。怎么解决呢,我们可以结合本地存储做到数据状态持久化,但是太麻烦每次都要操作,强烈建议使用插件利用vuex-persistedstate插件.两种vuex-persistedstate和vuex-persist如何使用请查看GitHub详解vuex-persistedstate传送门和vuex-persist传送门...原创 2021-06-02 16:37:08 · 158 阅读 · 0 评论 -
在vue中使用elementUI配置中英两种语言,使用i18n(@8.x)一起配置
在src目录下,创建lang.jsimport Vue from 'vue'import Element from 'element-ui';import enLocale from 'element-ui/lib/locale/lang/en'import zhLocale from 'element-ui/lib/locale/lang/zh-CN'const messages = { en: { //这里同级可以编写自定义的英文库 home:{ title:'Title原创 2021-05-12 08:49:47 · 652 阅读 · 0 评论 -
使用vue导航守卫踩过的坑
第一个坑这里使用了next(’/login’)直接跳转到登录页面,就会报第一张图片那样的错(但是不影响正常跳转),始终没找到原因,第一种:随后使用 router.push('/login')即可跳转后来在网上看到,第二种:把vue-router的版本降低到3.x也是可以的,试了一个,的确可行,这里就不放图了,回头找到产生原音了,再来这里补充,或者有哪位大神指点一下也可以...原创 2021-04-29 16:21:08 · 171 阅读 · 0 评论 -
vue核心diff算法简介
一.diff算法的事件复杂度两个树的完全的diff算法是一个事件复杂度为O(n3) ,Vue进行了优化O(n3) 复杂度的问题转换成O(n)复杂度的问题(只比较同级不考虑跨级问题),因为在前端操作dom的时候,不会把当前元素作为上一级或下一级元素,很少会跨越层级地移动dom元素,常见的都是同级比较,所以Virtual Dom只会对同一级的元素进行对比.二.vue中diff算法的原理在数据发生变化,vue是先根据真实dom生成virtual dom,当virtual dom 某个节点的数据改变后会生成一原创 2021-04-19 18:46:00 · 390 阅读 · 0 评论