首页 > 其他分享 >vue中methods、mounted等的使用方法解析

vue中methods、mounted等的使用方法解析

时间:2024-08-08 23:27:58浏览次数:14  
标签:vue methods accessToken localStorage key 组件 mounted 方法

  • created:html加载完成之前,执行。执行顺序:父组件-子组件
  • mounted:html加载完成后执行。执行顺序:子组件-父组件
  • methods:事件方法执行
  • watch:去监听一个值的变化,然后执行相对应的函数
  • computed:computed是计算属性,也就是依赖其它的属性计算所得出最后的值

 

vue中localstorage用法

在Vue中使用localStorage主要涉及存储、获取、删除和清空数据的基本操作,以及监听localStorage值的变化。以下是详细的操作方法和注意事项:

基本操作方法

  1. 存储数据:使用localStorage.setItem(key, value)方法将数据存储到localStorage中。例如,localStorage.setItem('accessToken', 'Bearer ' + response.data.result.accessToken)
  2. 获取数据:使用localStorage.getItem(key)方法从localStorage中获取数据。例如,localStorage.getItem('accessToken')
  3. 删除数据:使用localStorage.removeItem(key)方法删除指定键的数据。例如,localStorage.removeItem('accessToken')
  4. 清空数据:使用localStorage.clear()方法清空localStorage中的所有数据。

标签:vue,methods,accessToken,localStorage,key,组件,mounted,方法
From: https://www.cnblogs.com/KL2016/p/18349946

相关文章

  • Java毕业设计 基于Springboot+Vue的公司单位高校党建系统(源码+lw+部署文档+讲解等)
    文末获取资源,收藏关注不迷路文章目录前言主要使用技术研究内容核心代码文章目录前言随着经济的发展,人员交流来往的频繁,党员管理更加需要一套信息系统以提高信息管理的快捷及准确性。智慧党建系统是高校党委组织工作不可缺少的一部分,各功能齐全、简单有用的智慧党建......
  • Java项目:213基于Springboot + vue实现的网上订餐系统(含论文+开题报告+开题PPT)
    作者主页:夜未央5788 简介:Java领域优质创作者、Java项目、学习资料、技术互助文末获取源码项目介绍基于Springboot+vue实现的网上订餐系统前台登录:1.首页:菜品信息推荐、菜品信息展示、查看更多2.菜品信息:菜品分类、菜品名称查询、菜品详情、下单提交3.个人中心:可......
  • vue 中 {{ +isNeed ? '是' : '否' }} 什么意思,isNeed是 1 或 0
    在Vue.js中,双花括号{{}}用于插值操作,用来将数据绑定到模板中。在你提供的例子中:{{+isNeed?'是':'否'}}这段代码的意思是:+isNeed将变量isNeed转换为数字类型。因为isNeed是1或0,所以+isNeed将分别转换为数字1或0。?是JavaScript中的条件运算符,用于......
  • 第二十天的学习(2024.8.8)Vue拓展
    昨天的笔记中,我们进行的项目已经可以在网页上显示查询到数据库中的数据,今天的笔记中将会完成在网页上进行增删改查的操作 1.删除表中数据现在网页上只能呈现出数据库中的数据,我们首先添加一个删除按钮,使其可以对数据库数据进行删除操作<template#default="scope"><e......
  • Java毕业设计 基于Springboot+Vue的电影院剧院订票选座管理系统(源码+lw+部署文档+讲
    文末获取资源,收藏关注不迷路文章目录项目介绍功能需求技术介绍项目界面关键代码目录项目介绍随着经济的发展和信息技术的普及,国内许多企业都面临了重大的挑战。企业的管理流程、战略规划如果不能进行调整,极有可能面临淘汰的风险。特别是郑州大剧院,面对大量的会员和......
  • vue3(nuxt3)+Aliplayer播放器进行直播播流
    前言:    上一篇讲到使用自定义的一个播放器去进行播流进行观看直播,由于之前都是自己研发的,服务器不是特别好,所以决定使用阿里的推流以及阿里的播放器去进行拉流也更加的适配吧,至少后面出现问题可以有文档看比较完善实践    1.这里的话先把官方文档的地......
  • vue手写转盘抽奖
    目前抽奖最常见的两种:九宫格抽奖和 转盘抽奖,但转盘抽奖的大多是采用的是将做好的图放在页面上,如果需要变动奖池里面的奖品或数量,就会让设计师重新出一张图片。分享我自己在自定义转盘抽奖的样式布局思路<template><divclass="main"><Topmassage="转盘抽奖"/>......
  • 一个基于 vue 的强大表单和高性能表格组件,简洁API设计,支持虚拟树,列拖拽,懒加载,快捷
    前言在现代Web应用开发中,表单和表格是两个核心组件,它们对于数据展示和用户交互至关重要。然而,现有的解-决方案往往存在一些痛点,如不够灵活、性能问题、以及难以实现复杂功能等。这些问题限制了开发者的创造力,也影响了用户体验。为了解决这些痛点,开发者需要一款功能强大、灵活......
  • Vue2和Vue3中的生命周期钩子图示
    原up写的非常简单易懂,还有简单代码示例:reference:https://cloud.tencent.com/developer/article/1514771一、Vue2和Vue3中的生命周期附原图:......
  • vue中axios二次封装【简洁、附代码】+api解耦
    reference:https://www.bilibili.com/video/BV1my421h7hK/?share_source=copy_web&vd_source=334dbcc5ec1e90276a3fca594c89e11e下一篇:继axios二次封装后跨域问题解决——配置代理、环境变量文章目录一、axios请求接口1下载2引入3使用二、axios二次封装1.下......