vue3项目搭建

解决element-plus + vue3 之el-popconfirm有一定几率不触发问题

别的不说，先上代码：新增编辑删除如上代码所示，博主要实现一个功能，即tree组件的节点右键点击弹出一个操作菜单，包含新增、编辑、删除三个点击事件，并且只有删除才被包裹el-popconfirm组件里。神奇的现象来了，当我使用i标签作为按钮时，有一定几率点击删除不弹出确认框，当我改成普通button，就变100%触发确认弹框，然后我又将button的type改成type="text"，又有小概率出现
hzxOnlineOk·2024-01-14 02:16

vue2和vue3生命周期钩子函数区别

vue2.x生命周期钩子函数（8个）beforeCreate（创建前）：vue实例初始化之前调用created（创建后）：vue实例初始化之后调用beforeMount（载入前）：挂载到DOM树之前调用mounted（载入后）：挂载到DOM树之后调用beforeUpdate（更新前）：数据更新之前调用updated（更新后）：数据更新之后调用beforeDestroy（销毁前）：vue实例销毁之前
燕哥学前端·2024-01-13 23:09

框架篇-面试题6-说一下Vue2与Vue3的钩子函数

Vue钩子函数是在Vue实例从创建到销毁的过程中自动执行的函数（在特定的阶段,能够自动自执行的函数）钩子函数用来描述一个组件从引入(创建)到退出(销毁)的全过程中的某个过程Vue2生命周期钩子函数整个过程称为生命周期Vue钩子函数按照组件生命周期的过程分为挂载阶段,更新阶段和销毁阶段beforeCreate():在new一个Vue实例后,只有一些默认的生命周期钩子和默认事件,其他的东西都还没创建,
itclanCoder·2024-01-13 23:09

Vue2.x和Vue3.x-自定义指令的用法及钩子函数

Vue2.x用法全局注册Vue.directive(指令名,{自定义指令生命周期})局部注册directives:{指令名,{自定义指令生命周期}}使用v-指令名:属性名.修饰符=“value值”钩子函数bind-自定义指令绑定到DOM后调用.只调用一次,注意:只是加入进了DOM,但是渲染没有完成inserted-自定义指令所在DOM,插入到父DOM后调用,渲染已完成(最最重要)update-元素
SpringSir·2024-01-13 23:08

Vue3中的路由以及钩子函数使用

Vue3路由的使用安装[email protected]{"name":"vue3-life","version":"0.0.0
DanceDonkey·2024-01-13 23:36

Vue3 和Vue2的区别，以及钩子函数的使用

以下是一些Vue3与Vue2之间的主要区别，以及一些示例代码来说明这些差异。
一花一world·2024-01-13 23:33

Vue学习计划-Vue3--核心语法（八）组件通信

组件通信Vue3组件通信和Vue2的区别：移出事件总线，使用mitt代替。vuex换成了pinia。把.sync优化到了v-model里面了。把$listeners所有的东西，合并到$attrs中了。
化作繁星·2024-01-13 22:12

Vue学习计划-Vue3--核心语法（七）pinia

pinia案例gitee地址1.pinia准备一个效果【搭建pinia环境】安装pinia:npminstallpinia/yarnaddpinia第二步：操作src/main.tsimport{createApp}from'vue'importAppfrom'./App.vue'/*引入createPinia，用于创建pinia*/import{createPinia}from'pinia'/*
化作繁星·2024-01-13 22:41

Vue学习计划-Vue3--核心语法（九）slot插槽

【slot】插槽：简单说就是父组件内部使用了子组件，但是子组件内部某些结构需要使用者自行定义，此时就需要用到插槽实现默认插槽默认插槽的name是default父组件默认插槽子组件-->具名插槽在插槽上加上name,可以实现多个结构匹配v-slot必须要加在组件标签或者template标签上父组件-->插槽c1插槽c1子组件作用域插槽理解：数据在组件的自身，但根据数据生成的结构需要组件的使用者来决定
化作繁星·2024-01-13 22:39

【Vue3】2-12 : 【案例】搜索关键词加筛选条件的综合

本书目录：点击进入一、【案例】搜索关键词加筛选条件的综合1.1、逻辑1.2、效果1.3、json数据-02-data.json1.4、代码一、【案例】搜索关键词加筛选条件的综合1.1、逻辑计算属性-绑定list，并过滤input双向绑定-当input改变时，计算属性过滤namebutton组双向绑定-当input改变时，计算属性过滤性别1.2、效果1.3、json数据-02-data.json[{
ladymorgana·2024-01-13 21:40

【Vue3】2-9 : class样式与style样式的三种形态

本书目录：点击进入一、标签样式（class和style）二、实战＞代码＞效果一、标签样式（class和style）在将v-bind用于class和style时，字符串拼接麻烦且易错，Vue.js做了专门的增强。表达式结果的类型除了字符串之外，还可以是对象或数组。1.1、写法v-bind:class简写:classv-bind:style简写:styleletvm=Vue.createApp({da
ladymorgana·2024-01-13 21:10

【Vue3】2-11 : 生命周期钩子函数及原理分析

本书目录：点击进入一、组件生命周期概述1.1官方生命周期1.2钩子函数（回调函数）▶生命周期可划分为三个部分(->表示执行循序)：二、实战：测试生命周期流程＞代码＞效果一、组件生命周期概述每个组件在被创建时都要经过一系列的初始化过程——例如，设置数据监听编译模板将实例挂载到DOM并在数据变化时更新DOM等同时在这个过程中也会运行一些叫做生命周期钩子的函数（回调函数），这给了用户在不同阶段添加自己的
ladymorgana·2024-01-13 21:06

Vue学习笔记六--Vue3学习

1、Vue3的优势2、创建Vue3工程前提：node-v查看node版本，需要在16.0及以上创建命令npminitvue@latest,先安装create-vue然后创建项目然后执行npmrundev
夜阑卧听风吹雨，铁马冰河入梦来·2024-01-13 21:30

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

Java研学-Servlet3.0文件上传下载

一文件上传1介绍  用户选择本地文件资源保存到服务器上，Servlet需要将二进制数据以文件保存到服务器磁盘中，再将磁盘路径保存到数据库中2项目搭建  创建web项目，并添加对应jar包(JSTL)3APIHttpServletRequest
泰勒疯狂展开·2024-01-13 20:30

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

Spring上下文之support模块MessageSourceAccessor

可提供微服务项目搭建与毕业项目实战，博主也曾写过优秀论文，查重率极低，在这方面有丰富的经验✌博主作品：《Java项目案例》主要基于SpringBoot+MyBatis/MyBatis-plus+MySQL
卡布奇诺-海晨·2024-01-13 18:56

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

【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

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

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

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

系统性学习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

React项目搭建流程

第一步利用脚手架创建ts类型的react项目：执行如下的命令：create-react-appmyDemo--templatetypescript；第二步清理项目目录结构：src/index.tsx,app.txs,react-app-env.d.tspublic/index.html,favicon.ico第三步项目配置：@1配置项目的icon图标：修改favicon.icon图片@2配置项目的
h960822·2024-01-13 08:12
上一页 41 42 43 44 45 46 47 48 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他