vue3简单使用

Web前端 ---- 【Vue3】ref和reactive实现响应式的区别和联系

setupref基本数据类型对象形式reactiveref和reactive的区别与联系前言本文介绍函数ref和函数reactive实现响应式setup在介绍ref和reactive之前，先介绍setup,vue3
软工不秃头·2024-01-13 20:35

在uniapp Vue3版本中如何解决web/H5网页浏览器跨域的问题

问题复现uniapp项目在浏览器运行，有可能调用某些接口会出现跨域问题，报错如下图所示：什么是跨域？存在跨域问题的原因是因为浏览器的同源策略，也就是说前端无法直接发起跨域请求。同源策略是一个基础的安全策略，但是这也会给uniapp/Vue开发者在部署时带来一定的麻烦。一般来说，浏览器会根据请求来判断是否同源，判断的方式是通过判断两个URL的协议（httporhttps）、域名和端口是否相同来进行的
咸虾米_·2024-01-13 20:47

Vue3+Vite项目搭建

为什么选择vite而不是vue-cli：vite下一代前端开发与构建工具vite创建的项目默认vue3优势：开发环境中，无需打包，可快速的冷启动轻量快速的热重载（HMR）真正的按需编译，不在等待整个应用编译完成
前端小趴菜05·2024-01-13 19:30

vue3+Vite+Js项目搭建之：.env、.env.development、.env.production 环境变量配置

前言：使用import.meta.env.VITE_APP_BASE_API调用环境变量开发环境使用：**.env.development**#开发环境配置ENV='development'#开发环境地址VITE_APP_BASE_API='/dev-api'生产环境使用：**.env.production**#生产环境配置ENV='production'#生产环境地址VITE_APP_BASE_
前端小趴菜05·2024-01-13 19:30

vue3安装 router 路由

安装路由cnpmivue-router在src文件夹下创建router/index.tsimport{createRouter,createWebHashHistory}from'vue-router'constrouter=createRouter({history:createWebHashHistory(),routes:[{path:"/",name:'home',component:()
前端小趴菜05·2024-01-13 19:24

图鸟Vue3版本部署

无法将“pnpm”项识别为cmdlet、函数、脚本文件或可运行程序的名称。分析原因这个错误信息表明在VSCode终端中尝试运行pnpminstall，但系统无法识别pnpm命令。这通常表示pnpm这个工具没有被正确安装，或者它的可执行文件所在的路径没有被正确地添加到系统的环境变量中。解决方法首先，确保已经正确地安装了pnpm。可以在终端中运行以下命令来检查是否已安装pnpm：pnpm--versi
RisunJan·2024-01-13 19:49

vue3 源码解析（3）— computed 计算属性的实现

前言本文是vue3源码分析系列的第三篇文章，主要介绍vue3computed原理。computed是vue3的一个特性，可以根据其他响应式数据创建响应式的计算属性。
Avicli·2024-01-13 18:54

vue3 源码解析（4）— createApp 源码的实现

前言本文是vue3源码分析系列的第四篇文章，在使用vue3时，我们需要使用createApp来创建一个应用实例，然后使用mount方法将应用挂载到某个DOM节点上。
Avicli·2024-01-13 18:53

【vue3】watch的用法，watch、watchEffect、computed区别

先复习一下vue2的写法，监听map对象，两种写法区别如下：data(){return{people1:{name:'小美',//子属性work:'在职',},people2:{name:'小帅',//子属性work:'在职',},};},watch:{//vue2写法people1(value):{//该写法监听的是people对象引用地址，当改变子属性name的值时，对象的引用地址并没有改变，
七月的冰红茶·2024-01-13 18:12

Vant4在Vue3.3中如何按需导入组件和样式

前言最近我在Vue3.3的项目中对Vant4做按需导入时，尽管按照Vant4的官方指南进行操作，但样式仍然无法正确加载。
HaushoLin·2024-01-13 18:48

Vue3 不同版本的Pinia如何做持久化存储

一、Vue3.2，pinia({loginForm:{},}),getters:{},actions:{},persist:{//开启持久化enabled:true,//选择存储方式和内容strategies
HaushoLin·2024-01-13 18:18

第九讲、Vue3.x中的单文件组件 定义组件 注册组件 以及组件的使用

一、Vue3.x中的组件组件可以拓展html标签，解决html标签构建应用的不足，Vue项目由一个一个的组件组成。
我爱张智容·2024-01-13 17:47

开源C语言库Melon之日志模块

日志模块日志是Melon库提供的通用组建之一，在介绍其特性前，我们先来看一下它的简单使用示例。#include"mln_log.
码哥比特·2024-01-13 16:36

【vue3】vue3的应用实例是什么和怎么使用

简言每个Vue应用都是通过createApp函数创建一个新的应用实例。应用实例指的就是createApp的返回值，它是一个对象，里面包含了多个vue相关的属性，例如component（组件）、directive（指令）use（插件)、runWithContext（vue运行上下文）、version（版本）等；我们使用这个实例对象，调用mount函数挂载到dom上，就可以创建一个vue单页应用（SP
ZSK6·2024-01-13 16:05

vue3内置组件Transition简单介绍和应用

前言Vue提供了两个内置组件，可以帮助你制作基于状态变化的过渡和动画：会在一个元素或组件进入和离开DOM时应用动画。本章节会介绍如何使用它。会在一个v-for列表中的元素或组件被插入，移动，或移除时应用动画。我们可以利用这两个组件，再结合css和js快速实现简单实用的过渡和动画效果，下面依次介绍它们。Transition组件介绍是一个内置组件，这意味着它在任意别的组件中都可以被使用，无需注册。**
ZSK6·2024-01-13 16:34

C# Stopwatch

目录一、什么是Stopwatch二、Stopwatch的简单使用一、什么是StopwatchStopwatch：提供一组方法和属性，可以准确的测量运行时间。
TheWindofFate·2024-01-13 16:58

C# Stopwatch类_性能_时间计时器

二、Stopwatch的简单使用//创建Stopwatch实例S
薄荷撞~可乐·2024-01-13 16:26

vue3表格编辑(数据回显)和删除功能实现

在Vue3中，可以通过使用v-for指令来遍历数组，并在表格中显示数据。要实现表格的编辑和删除功能，可以使用动态绑定的方式来实现。
我爱学习yq·2024-01-13 15:11

Uncaught (in promise) ReferenceError: require is not defined

在Vue3中加载项目路径下的资源图片,起初按照之前vue的写法require但浏览器却抛出了异常Uncaught(inpromise)ReferenceError:requireisnotdefined
survivorsfyh·2024-01-13 14:27

cannot redeclare block-scoped variable

使用Vue3.0的时在模块类中声明方法的时候抛出了如下的异常:cannotredeclareblock-scopedvariable解决办法检查是否集成了Vetur插件,若存在禁用或卸载即可,该插件Vue3.0
survivorsfyh·2024-01-13 14:27

企业级快速开发框架 nbsaas-boot 1.1.6-2023 发布了

2.修改vue3代码生成模板3.增加@EncryptionData注解，放到参数上，后台认为请求需要加密，进行解密。放到方法头上，aes加密响应请求。
nbsaas-boot·2024-01-13 13:49

Git的简单使用说明

Git入门教程git的最主要的作用：版本控制，协助开发一.版本控制分类1.本地版本控制2.集中版本控制所有的版本数据都存在服务器上，用户的本地只有自己以前所同步的版本，如果不连网的话，用户就看不到历史版本，也无法切换版本验证问题，或在不同分支工作。而且，所有数据都保存在单一的服务器上，有很大的风险这个服务器会损坏，这样就会丢失所有的数据，当然可以定期备份。代表产品：SVN，CVS，VSS3.分布式
_阿伟_·2024-01-13 11:57

vueUse插件--useDraggable的使用方法以及案例（vue3）

vueUse地址：https://vueuse.org/core/useDraggable/useDraggable让一个元素变成可拖拽官方给出的demo，感兴趣的可以去VueUse官网看看import{ref}from'vue'import{useDraggable}from'@vueuse/core'constel=ref(null)//`style`willbeahelpercomputed
汤姆丁1111·2024-01-13 11:27

NODE笔记 1 http模块

一、http模块简单使用
灰乌鸦乌卡·2024-01-13 11:44

VUE3（二十一）vue-router 在新窗口打开页面的功能

$router.resolve({name:`print_schedule`,params:{id:id}});window.open(href,"_blank");VUE3：constrouter=useRouter
camellias__·2024-01-13 10:18

开源了一款Vue3 & Ts & Vite4 & uni-app 驱动的跨端快速启动模板

一、开源项目简介由Vue3&Ts&Vite4&uni-app驱动的跨端快速启动模板。
神码观察·2024-01-13 10:24

观Vue3 官网，浅谈ref和reactive的区别。

一、ref()在组合式API中，推荐使用ref()函数来声明响应式状态。ref()接收参数，并将其包裹在一个带有.value属性的ref对象中返回。注意，在模板中使用ref时，我们不需要附加.value。为了方便起见，当在模板中使用时，ref会自动解包(有一些注意事项)。二、为什么使用ref?为什么我们需要使用带有.value的ref，而不是普通的变量？为了解释这一点，我们需要简单地讨论一下Vue
呆呆槑_Xiong·2024-01-13 10:52

Vite2 + Vue3技术栈，搭建开发项目

下面将Vite2+Vue3技术栈，搭建开发项目做下记录。Vue3：Vue.js是一套构建用户界面的渐进式框架。Vue只关注视图层，采用自底向上增量开发的设计。
wildelegant·2024-01-13 10:40

OKHttp 源码分析

OKHttp源码地址：https://github.com/square/okhttpOKHttp的简单使用下面让我们从一个简单的Demo来开始OKHttp的源码阅读。
星流星·2024-01-13 10:46

系统性学习vue-vue核心

做了三年前端,但很多系统性的知识没有学习还是从头系统学习一遍吧课程是b站的Vue2.0+Vue3.0课程后续还会学习的如下,就重新开一篇了,不然太长,之后放链接vue组件化编程vue-cli脚手架vue
aqiu~·2024-01-13 10:50

vue3+TS使用component 组件的实例

目录一.项目中实际使用1.代码使用二.元素1.使用方式：2.代码解释一.项目中实际使用1.代码使用之前，我们使用过，在login相关的几个页面使用component实现登录/注册/找回密码等页面的动态切换，在天转到这个页面时，传递一个参数，根据参数去显示不同的页面，（当然，你也可以选择将这些页面都加入到路由里，然后设置不同的跳转路径也是可以的）importImageShowfrom"./compo
程序猿online·2024-01-13 09:42

关于ApiPost-mock环境的使用

前言最近在学习vue3+ts+element-plus，准备写一个管理系统，需要用到接口，就想到使用mock来做接口准备1.选择mock环境2.选择mock服务，然后定义你需要的接口和返回数据3.mock
lee_uncle·2024-01-13 09:35

MD5 前端密码转换VUE3.ts

vue3md5ts文件vue3安装ts-md5定义使用ts文件vue3安装ts-md5npminstall--savets-md5定义import{Md5}from'ts-md5';使用//定义MD5对象
石马农汪·2024-01-13 09:18

Vue3 快速上手

1.Vue3简介2020年9月18日，Vue.js发布版3.0版本，代号：OnePiece（n经历了：4800+次提交、40+个RFC、600+次PR、300+贡献者官方发版地址：Releasev3.0.0OnePiece
热忱1128·2024-01-13 09:35

vue3打包后页面空白解决方法

vue3打包后页面空白解决方法问题解决方法问题最近写一个小项目没有打包的时候一切正常技术栈用的vue3+vite我用的是npm创建的项目npminitvue@latest问题一：打包后页面空白，什么都没有问题二
yijianace·2024-01-13 08:51

VUE3+element plus在el-input上增加图标

目录实现效果关键点实现效果关键点和VUE2+elementUI有差别VUE2+elemenUI使用prefix-icon="el-icon-search"在VUE3+elementplus要使用:prefix-icon
尘烟生活家·2024-01-13 08:41

VUE3+element plus在按钮上增加图标

在elementUI直接设置icon立即购买在VUE3+elementplus中要引入icon图标变量立即购买import{Star}from'@element-plus/icons-vue'
尘烟生活家·2024-01-13 08:41

VUE3+element plus在el-tab-pane中增加自定义图标

只要使用自己的图标替换这里的图标即可RouteRouteelementplus官方提供的图标很少，阿里巴巴的免费图标库提供了很多选择在VUE3项目的src/ass
尘烟生活家·2024-01-13 08:41

VUE3+element plus实现的动态登录注册切换页面

在VUE3里面，不能像原生js那样使用获取元素对象来动态增加和删除class，需要在节点上增加ref属性，通过ref来实现完整代码RegisterSubmitLoginForgotyourpassword
尘烟生活家·2024-01-13 08:40

uniapp：如何将返回标根据下滑的距离而改变颜色

vue3直接
荀鼠不是鼠·2024-01-13 08:44

【Github】的简单使用(网页版)

目录Git和GithubGithub基础概念注册Github账号创建仓库及文件新建仓库新建文件文件的编辑和删除编辑或修改文件删除文件文件的上传文件的查找及下载文件的查找文件的下载IssuesFork开源项目贡献流程Git和Github什么是GitGit是一个免费、开源的版本控制软件什么是版本控制系统版本控制是一种记录一个或若干个文件内容变化，以便将来查阅特定版本修订情况得系统。系统具体功能记录文件
咖喱年糕·2024-01-13 08:31

前端规范扩展

前端编程规范是基于原有vue2基础上那套《编码风格及标准》上，应用于vue3、typescript、vite2基础上延伸出来的扩展补充，持续完善一、编码规范ESLint代码检测工具+Pretter代码格式化工具配合双校验代码
arguments_zd·2024-01-13 07:39

MetaGPT前期准备与快速上手

接下来我们聊一下快速上手这里写目录标题一、环境搭建1.python环境2.MetaGpt下载二、MetaGPT配置1.调用ChatGPTAPI服务2.简单使用二十一点游戏贪吃蛇游戏一、环境搭建python
上烟雨心上尘·2024-01-13 06:25

vue3的Uniapp用renderjs 进行视频切图操作

首先，在项目中安装RenderJSnpminstallrenderjs在Vue3的UniApp中引入RenderJS：importRenderJSfrom'renderjs';创建一个RenderJS实例
just today·2024-01-13 05:23

python连接sqlite3工具类

简单使用python连接sqlite3工具类，代码可根据场景自行抽象#!
小小的木头人·2024-01-13 05:11

vue3组件之间通信(八)——作用域插槽之间的传值

文章目录1：什么是插槽2：默认插槽的基本使用3：具名插槽（需要多个插槽，为了区分进行命名）4：作用域插槽及传值引言：在说明插槽之间传值会先说明一下插槽的本质和使用，最后才会说到传值，所以知道插槽的可以直接滑到最下面的4：作用域插槽及传值即可。1：什么是插槽插槽的本质：内容分发，子组件写了插槽，父组件可以将其内容直接放到页面上2：默认插槽的基本使用一般使用组件都是单标签结束的，而由于在双标签的组件中
前端张三·2024-01-13 05:37

Python-openpyxl教程6 - 图表之面积图和条形图

前文：Python-openpyxl教程1-openpyxl简介Python-openpyxl教程2-简单使用Python-openpyxl教程3-读写性能Python-openpyxl教程4-优化模式
庄周幻梦·2024-01-13 03:49

Vue入门六（前端路由的概念与原理｜Vue-router简单使用｜登录跳转案例｜scoped样式）

文章目录前要：前端路由的概念与原理1）什么是路由2）SPA与前端路由3）什么是前端路由4）前端路由的工作方式一、Vue-router简单使用1）什么是vue-router2)vue-router安装和配置的步骤
0Jchen·2024-01-13 02:21

vue3.2引用unplugin-auto-import插入，解放开发中import组件

目录前言引用unplugin-auto-import插件的优缺点优点缺点unplugin-auto-import插件引入安装插件配置vite配置更新TypeScript配置使用代码位置总结前言是否添加unplugin-auto-import取决于项目需求和团队习惯。如果项目中频繁使用Vue相关API，并且团队成员都熟悉这种自动导入方式，那么添加这个插件可能会提高效率。然而，如果项目结构相对简单，或
Alex_Drag·2024-01-13 00:52

vue3.2引用unplugin-vue-components插入，解放开发中import组件

目录前言引用unplugin-vue-components插件的优缺点优点缺点unplugin-vue-components插件引入安装插件配置vite配置更新TypeScript配置使用代码位置总结Q&A前言unplugin-vue-components是一个用于Vue.js项目的插件，特别适用于Vite和Webpack构建工具。它的主要功能是自动导入Vue组件，从而减少了在每个文件中手动导入组
Alex_Drag·2024-01-13 00:51
上一页 92 93 94 95 96 97 98 99 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他