SE7EN_96

Vue 数组中出现ob: Observer无法取值

摘要：问题说明在开发项目中经常要从数据库中拿到数组然后复制给新的数组使用，但是会发现有时候会发现带有 __ob__: Observer 数组后缀的就是没有办法取到值，更可怕的是 console.log 却能看得到值。数组如下图所示：解决问题那么针对这样的问题博客上基本上都是说要将数组转化成string 阅读全文

posted @ 2022-11-09 09:00 SE7EN_96 阅读(347) 评论(0) 推荐(0) 编辑

使用 Vuex持久化插件(vuex-persistedstate)解决刷新数据消失的问题

摘要： vuex优势：相比sessionStorage，存储数据更安全，sessionStorage可以在控制台被看到。 vuex劣势：在F5刷新页面后，vuex会重新更新state，所以，存储的数据会丢失。 vuex可以进行全局的状态管理，但刷新后刷新后数据会消失，这是我们不愿意看到的。怎么解决呢，我们可阅读全文

posted @ 2022-10-24 11:12 SE7EN_96 阅读(646) 评论(0) 推荐(0) 编辑

vuex sessionStorage存储对象时会显示[object object]的问题

摘要： VUE如果直接使用window.sessionStorage.setItem和window.sessionStorage.getItem来进行存取对象的话，不能正常使用该对象，并且在Application的Session Storage中会显示[object object]。解决方法：转换为jso 阅读全文

posted @ 2022-10-24 11:02 SE7EN_96 阅读(146) 评论(0) 推荐(0) 编辑

vuecli集成webpack时按需引入element plus

摘要：按官网流程 1.安装elementplus本体及npm包 npm i unplugin-vue-components unplugin-auto-import -D cli3+时没有webpack.config.js或vue.config.js，新建一个vue.config.js文件 2.配置 v 阅读全文

posted @ 2022-05-24 18:00 SE7EN_96 阅读(338) 评论(0) 推荐(0) 编辑

关于初始化vue data数据

摘要：逐个赋值：麻烦，代码结构混乱 object.assign()——推荐 MDN关于该方法的介绍：Object.assign() 方法用于将所有可枚举属性的值从一个或多个源对象复制到目标对象。它将返回目标对象。用法： Object.assign(target, ...sources) 第一个参数是目标阅读全文

posted @ 2022-05-16 13:13 SE7EN_96 阅读(651) 评论(0) 推荐(0) 编辑

es6 Class类的理解

摘要：恢复内容开始概念： class类是es6的一种构造函数语法糖写法。创建一个class类 class myClass{ //构造器，默认为空的构造器 //当class在被new时就会调用构造器 //相当于function //function myClass(name,age){ // this. 阅读全文

posted @ 2022-05-12 13:57 SE7EN_96 阅读(142) 评论(0) 推荐(0) 编辑

vue Provide/inject传值方法

摘要：简介: vue中父子页面可以使用props，emit进行传值，但在组件关系较为复杂时，这样的方法并不实用。还有一种主要为高阶插件/组件库提供的用例办法，即provide/inject，这对选项需要一起使用。使用的方法很简单，祖先节点使用provide注入数据，子级节点使用inject注入数据。并阅读全文

posted @ 2022-05-04 09:52 SE7EN_96 阅读(785) 评论(0) 推荐(0) 编辑

vue3的proxy

摘要： proxy的定义： es6提供原生proxy构造函数，可以理解成对对象的拦截，当对象被访问时，进行拦截操作。具体使用： const p = new Proxy(target, handler); target：所要拦截的目标对象（可以是任何类型的对象，包括原生数组，函数，甚至另一个代理） han 阅读全文

posted @ 2022-04-21 17:47 SE7EN_96 阅读(984) 评论(0) 推荐(0) 编辑

vue3 组合式api的意义

摘要：在vue2的optionsApi中，我们不同模块的逻辑，参数会各自分散在data,methods,computed,watch等之中，比较分散，难以管理。而在组合式api中，我们可以把相同模块的逻辑参数集成在某一块区域，结构清晰，便于管理。在setup中也不需要考虑各种this指向了例：其他：阅读全文

posted @ 2022-04-21 15:18 SE7EN_96 阅读(138) 评论(0) 推荐(0) 编辑

vue3 setup函数的理解

摘要：定义： 1.setup是处于beforecreate和created生命周期间的函数； 2.setup是组合式api的入口； 3.setup函数中定义的变量和方法都是需要return出去的，不然没有办法在模板中使用；注意事项; 1.因为在setup中尚未执行created初始化完成，所以无法使用d 阅读全文

posted @ 2022-04-20 21:48 SE7EN_96 阅读(1477) 评论(0) 推荐(0) 编辑