修改npm的镜像源npm config set registry https://registry.npm.taobao.orgnpm config list 查看源的信息了1.Vuex Vuex是一套公共的状态管理方案,能够进行多组件之间的数据共享。组件之间通信的方式: 1.父传子 2.子传父 3.中央事件总线 4.this.parent 5.provid
# 使用 Vue3 读取 Redis 值的科普文章 在现代 web 开发中,前后端分离已成为一种普遍的架构模式。Vue.js 是一个流行的前端框架,而 Redis 则是一款广泛使用的高性能键值数据库。本文将探讨如何在 Vue3 项目中实现读取 Redis 值的功能。 ## 文章结构 1. 什么是 Redis? 2. Vue3 简介 3. 后端 API 设计 4. Vue3 中如何获取数据 5
原创 10月前
68阅读
# Vue3 读取 Redis 消息的实现 在现代的 web 应用中,很多情况下我们需要将前端的 Vue 组件与后端的服务进行数据的交互。这里,我们将通过连接 Redis 来实现前端 Vue3 应用程序读取消息的功能。这个过程涉及到功能的设计、实现和部署。在本文中,我将详细讲解这一过程,并附上相应的代码和示例。 ## 流程概述 实现 Vue3 读取 Redis 消息的流程可以总结为如下几个步
原创 9月前
41阅读
# 实现vue3读取redis的值 ## 操作步骤 | 步骤 | 操作 | | --- | --- | | 1 | 安装redis以及redis-server | | 2 | 安装vue3项目依赖 | | 3 | 写入redis值 | | 4 | 读取redis值 | ## 详细操作步骤 ### 步骤1:安装redis以及redis-server 首先,你需要安装redis以及redis
原创 2024-05-01 04:16:41
238阅读
# 使用 Vue 3 直接获取 Redis 的值 在现代 web 开发中,Redis 是一个高效、开源的内存数据结构存储系统,常用于缓存和实时数据处理。将 Vue 3Redis 结合使用,可以让前端项目更快速地获取数据。在这篇文章中,我们将学习如何实现 Vue 3 直接获取 Redis 的值。 ## 流程概述 为了实现 Vue 3 获取 Redis 的值,我们需要建立一个完整的工作流程
原创 9月前
81阅读
# Vue3Redis 的整合:详尽教程 在现代前端开发中,使用 Redis 存储和管理数据变得越来越普遍。Redis 作为一种高性能的键值数据库,能够显著提升应用的性能。本文将带领你了解如何在 Vue3 应用中使用 Redis。我们将从整体流程入手,然后逐步详细解释每个步骤的实现。 ## 整体流程 在实际的开发中,Vue3 前端与 Redis 后端的交互通常是通过一个 API 层来实
原创 10月前
77阅读
前后端分离:WebAPI+Vue开发——远程数据请求axios前后端分离:WebAPI+Vue开发——跨域设置前后端分离:WebAPI+Vue开发——身份认证本文采取的策略是“跨域资源共享-Cross Origin Resource Sharing(CORS) ”。一般情况下,前端和后端在两个项目中,在部署的时候就要部署在两个域名下,如前端域名:http://www.abc.com/,WebAPI
# Vue3 读取 Redis:实现前端页面与后端数据交互 ## 介绍 在现代 Web 开发中,前端页面与后端数据交互是非常常见的需求。Vue3 是一种流行的前端框架,而 Redis 是一种高性能内存数据库,我们可以利用它们来实现前端页面与后端数据的交互。本文将介绍如何在 Vue3读取 Redis 数据,并提供一些代码示例。 ## Redis 简介 Redis 是一种开源的内存数据库,
原创 2024-04-30 07:37:20
140阅读
# Vue 3 请求 Redis 的实现 随着现代Web应用的迅速发展,前端与后端之间的交互变得愈加复杂。Redis作为一种高效的内存数据库,常常被用于提高应用的性能。在本篇文章中,我们将探讨 Vue 3 如何与 Redis 进行数据请求,以及一些实现细节和代码示例。 ## Vue 3Redis 的交互 在 Vue 3 中,我们通常会借助 Axios 来发起请求,而后端则使用 Node
原创 2024-09-24 04:12:39
70阅读
先上图 如何在我们切换tab标签的时候,缓存标签最后操作的内容,简单来说就是每个标签页中设置的比如搜索条件及结果、分页、新增、编辑等数据在切换回来的时候还能保持原样。看看keep-alive是如何实现该功能的。首先我们要了解keep-alive的基本使用。具体介绍请查看官方文档(https://cn.vuejs.org/guide/built-ins/keep-alive.html#ba
转载 2023-12-25 19:32:53
447阅读
下载安装插件npm install xlsx or yarn add xlsx在项目的node_modules文件夹和package.json文件中可以找到xlsx依赖导入项目import * as XLSX from "../../node_modules/xlsx"获取文件对象这里使用的h5原生文件上传项<input type="file" id="uploadExcel" multip
vue如何外置配置文件,灵活修改接口地址最近使用vue2,webpack3打包项目,每次打包,接口地址都会被打包进去,无法自由修改。这是一个对前端增加工作量,对测试很不友好的操作。然后自己查了下资料,都说使用generate-asset-webpack-plugin插件,自己试着成功外置配置文件,这里做下记录。首先安装插件npm install generate-asset-webpack-plu
# 使用 Vue 3Redis 创建全栈应用 ## 引言 本文旨在帮助初学者理解如何使用 Vue 3 开发前端应用,并通过 Redis 作为后端存储。我们将逐步介绍项目的流程,包含完整的代码示例、关系图和类图。以下是大致流程: ## 项目的基础流程 | 步骤 | 描述 | |------|------| | 1 | 安装 Vue CLI 和创建 Vue 项目 | | 2
原创 8月前
41阅读
Vue Day 15——Promise概述认识和基本使用PromisePromise三种状态Promise链式调用Promise-all方法15.1. 认识和基本使用Promise什么是Promise呢?ES6中一个非常重要和好用的特性就是Promise但是初次接触Promise会一脸懵逼,这TM是什么东西?看看官方或者一些文章对它的介绍和用法,也是一头雾水。Promise到底是做什么的呢?Pro
Vue3 的优化本文源码版本是 Vue2 的,在 Vue3 里整个重写了 Diff 算法这一块东西,所以源码的话可以说基本是完全不一样的,但是要做的事还是一样的先介绍一下相比 Vue2 优化的部分,尤大公布的数据就是 update 性能提升了 1.3~2 倍,ssr 性能提升了 2~3 倍,来看看都有哪些优化事件缓存:将事件缓存,可以理解为变成静态
转载 5月前
27阅读
模板语法Vue 使用一种基于 HTML 的模板语法,使我们能够声明式地将其组件实例的数据绑定到呈现的 DOM 上。 指令和模板语言要结合使用下面的学习,都使用vue3来学习, vue介绍,使用vue创建项目: 都在项目中进行模板语法的学习,文本插值:使用花括号{{ msg }}<template> <H1>{{msg}}</H1> <p>{{msg}
转载 2024-06-19 23:19:27
68阅读
挂载#app <div id="app"></div> <script src="../js/vue.js"></script> <script> Vue.createApp({ template: `<h2>你好啊, 李银河</h2>` }).mount("#app"); </script> 问题 ...
转载 2021-07-17 15:38:00
665阅读
2评论
原创 2023-07-27 21:47:21
10000+阅读
1.v-for: <ul> <li v-for="book in books"> <h3>{{ book.title }} - {{ book.author }} - {{ book.age }}</h3> </li> </ul> javascript: data() { return { book ...
转载 2021-09-11 22:45:00
651阅读
2评论
依赖安装npm install three如果有用 typeScript 安装npm install @types/three开始 建一个.vue文件 准备一个空的模板我们需要给生成的canvas准备一个容器<template> <div id="three"></div> </template>引入Threejs依赖<script l
  • 1
  • 2
  • 3
  • 4
  • 5