logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

sessionStorage在多标签页模式下的一些情况

##sessionStroge在浏览器中是保存当前回话的一些信息,如果当前标签页关闭,那么sessionStroge就会自动销毁,如果在同源的情况下开启多个标签页,那么多个标签页之间的sessionStroge可惜共享或者互相传递吗?根据MDN上的讲解,如果我们使用window. open或者a标签打开一个新的标签页,那么新的标签页是拥有老标签页的sessionStroge,也就是说这种方式带来的

#前端#javascript
对JSencrypt的理解

使用JS对数据进行加密处理,一般用于用户登录数据:用户名和密码,把数据转成base64格式的数据在vue中使用JSencrypt:1.npm install jsencrypt --dep2.引入:import {JSEncrypt } from'JSEncrypt ’3.使用:3.1获取秘钥 publickey=""3.2 创建jsencrypt对象let encryptor=new JSEna

vue3中的ref toRef toRefs unRef 等等

refvue官方文档接受一个内部值并返回一个响应式且可变的ref对象,该对象仅有一个.value property,指向该内部值理解:ref把一个JS基本类型数据变为一个响应式的对象,并且如果我们访问该值,只能通过.value形式,比如可以看出使用ref定义的对象已经变成响应式的对象unref把ref定义的响应式对象转变为基本类型的数据toRefvue官方文档可以用来为源响应式对象上的某个prop

#javascript#vue.js#typescript
vue3 setup 怎么获取vue实例上的全局变量

在vue2中,我们定义在vue实例上的vue.property.变量,在组件中都可以通过 this.变量名得到,那么到了vue3中,在setup中要获取全局变量就需要通过vue提供的方法了挂载全局变量const app=createApp()app.config.globalProperties.变量名组件setup 获取变量getCurrentInstance().appContext.conf

#javascript#前端#vue.js
Unexpected side effect in computed function vue/no-side-effects-in-computed-properties

vue3计算属性明确规定只能依赖某个值得到某个值,不能对依赖的值进行赋值,修改,不能在计算属性中操作DOM,如果出现标题中的错误,看一下是否出现上述情况

#前端#vue.js
vue3 渲染函数

能解决的问题有时候使用模板编写某些组件的时候会特别麻烦,使用渲染函数反而可以很简单的解决什么是渲染函数就是使用vue内置的一些API写一些JS代码,就这么简单渲染函数编写方式及封装成组件(个人还是觉得封装成组件好用)import { defineComponent, h } from 'vue';export default defineComponent({name: 'Demo',props:

#javascript#前端#vue.js
vue3中在使用setup的情况下适合不适合使用mixin

答案:不推荐使用原因:mixin这个函数是非常霸道的,局部使用还好,如果是全局使用,在项目比较大的时候,个人觉得不是很好,在vue2的时候,因为没有组合式API这一说法,所以mixin对开发人员来说能解决好多事情,但是到了vue3,这种方式已经不推荐使用了,因为我们在vue3中,JS都是在setup里面执行的,这个时候如果我们在外面写一些公共的JS文件,然后暴露出来,在需要使用到的组件里面按需引入

#前端#vue.js#javascript
vue3 中setup的执行时机及在生命周期中的位置

结果:1setup是在props解析之后,beforeCreate执行之前进行调用2 如果在setup中和外部同时调用一个生命周期函数,setup的生命周期函数在外部的生命周期函数之前执行<template><div>setup的执行时机</div></template><script>import { onMounted } from

#javascript#vue.js#前端
vue3 在组件上使用v-model

首先要明白的是v-model在input 、checked、 radio、select等标签上表示的意思v-model在input中表示value和input事件,如果我们把他么拆分开 ,那么就能实现组件的v-model很简单,总共算分为三步吧第一步,在组件内部的input的标签上使用:value绑定props中的值,这一点要明白 绑定的是父组件传过来的值HTML<input type="t

#javascript#前端#vue.js
vue3 setup computed 计算属性

简介:computed 计算属性 可以对当前实例上的数据进行计算,并缓存下来,只有当依赖的响应式数据改变时,才重进计算,否则每次取到的计算属性数据都是从缓存中取到的(>1)计算属性还是和vue2一样,没啥特别大的改变个人理解:计算属性,说白了也是实例数据的一种,只是这个属性依赖于当前实例的其他数据,并且居右缓存功能,就想我们在data中定义一个name并且初始化的时候给一个值,相对于data

#javascript#前端#vue.js
    共 13 条
  • 1
  • 2
  • 请选择