vue3环境变量配置

vue3-内置组件-TransitionGroup

是一个内置组件，用于对v-for列表中的元素或组件的插入、移除和顺序改变添加动画效果。与的区别支持和基本相同的props、CSS过渡class和JavaScript钩子监听器，但有以下几点区别：默认情况下，它不会渲染一个容器元素。但你可以通过传入tagprop来指定一个元素作为容器元素来渲染。过渡模式在这里不可用，因为我们不再是在互斥的元素之间进行切换。列表中的每个元素都必须有一个独一无二的key
王大可996·2024-02-07 17:59

Vue 3 + Koa2 + MySQL 开发和上线部署个人网站

Vue3+Koa2+MySQL开发和上线部署个人网站记录个人的一个操作步骤,顺序不分先后,嫌啰嗦请出门右转!
Leo_DLi·2024-02-07 17:29

Mac 下JDK环境变量配置 及 JDK多版本切换

一、推荐官网下载：二、环境变量配置1、查看JDK地址，在终端输入以下命令：/usr/libexec/java_home-V我的路径：/Library/Java/JavaVirtualMachines/jdk
吃葡萄不吐葡萄皮嘻嘻·2024-02-07 16:44

Rust安装——Win10

安装步骤1、下载RUSTUP-INIT.EXE（64-BIT）2、由于国外源下载依赖太慢，因此建议增加win10环境变量配置国内源，增加RUSTUP_DIST_SERVER、RUSTUP_UPDATE_ROOT
StayHungryStayFolish·2024-02-07 16:32

vue3+Element-plus el-pagination分页组件英文如何转换为中文

解决方案如下：在main.js中导入相应的包，引入zhCn，在使用时添加语言，代码如下：import{createApp}from'vue'importpiniafrom'@/stores/index'importAppfrom'./App.vue'importrouterfrom'./router'import'./assets/main.scss'//自己的样式尽可能的往下放import*as
张小瑜·2024-02-07 16:00

vue3父子组件传值defineProps，子组件回调方法defineEmits

父组件父子组件传值defineProps，子组件回调方法defineEmits父组件修改值子组件跟着变化，无论数组换是对象这是子组件给父组件传值：{{childToFatherData}}1ref和组件名称不要相同2ref需要先被定义import{ref,onMounted,reactive}from"vue";importhomeComfrom"./child.vue";//变量constid=
前端小云儿·2024-02-07 16:00

vue3父组件调用子组件方法，属性

子组件子组件：父组件调用子组件方法，属性import{ref,reactive,defineExpose}from"vue";letdefineProps=defineProps(["id"]);letinfo=reactive({like:"王者荣耀",age:18,});//变量constmsg=ref("王三麻子");functiongetmsg(){returnmsg;}//1先定义def
前端小云儿·2024-02-07 16:00

vue3 watchEffect 监听子组件变化

父组件父组件修改id的值import{ref,onMounted}from"vue";importhomeComfrom"./components/home.vue";//变量constrefHomeCom=ref(null);letid=ref("1");onMounted(()=>{});constclickGetChild=()=>{id.value+="33";};#app{font-fa
前端小云儿·2024-02-07 16:00

vue3+Element-plus el-pagination分页组件英文转中文

import{createApp}from'vue'importrouterfrom'./router'importElementPlusfrom'element-plus';import'element-plus/dist/index.css';importzhCnfrom'element-plus/es/locale/lang/zh-cn'//1引入中文importAppfrom'./App.
前端小云儿·2024-02-07 16:59

uniapp canvas组件不展示Vue3

uniappcanvas组件不展示Vue3页面页可以展示拆分成组件无法展示getCurrentInstance修改this指向import{getCurrentInstance}from'vue'//引入
Web995·2024-02-07 16:45

echarts水波图示例

该示例使用于vue3项目中效果图image.png准备下载包npminstallecharts--savenpminstallecharts-liquidfill--save在需要使用的组件中引用import
弘岛·2024-02-07 15:36

vue3+elementPlus-浏览器告警解决error.ts:14 ElementPlusError: [ElPagination] 你使用了一些已被废弃的用法，请参考 el-pagination

问题：在使用elementuiPlus的分页器组件的时候，发现会有如下图警告检查代码：0":page.sync="listQuery.page":limit.sync="listQuery.pageSize"@pagination="listQueryFn":total="total">对照官方文档也没什么问题，然后把total删了就发现不报错了原因是：在定义total的时候没有初始值解决办法：给
先知demons·2024-02-07 14:43

vue3 路由routerpath后面直接携带参数传递

路由配置{path:"/router/home/:type",name:"router",meta:{title:"路由"},compoent:()=>import("./pages/home/index.vue")}参数传递import{useRouter}from'vue-router'constrouter=useRouter()router.push({path:'/router/home
红烧咸咸鱼·2024-02-07 14:12

vue3 elementplus DateTimePicker 日期时间设置默认时间为当天

DateTimePicker里面有个自带属性可以实现这个需求，如图：//设置当前当天时间范围00:00:00-23:59:59constcurrentDate=[setDefaultDate(0),setDefaultDate(1)]constsetDefaultDate=(type:number):string=>{lett='';letdate=newDate();letdateMap={ye
红烧咸咸鱼·2024-02-07 14:12

VUE3 Element-plus el-popover警告问题

针对于浏览器开发者工具提示的警告问题：会提示以下警告：runtime-core.esm-bundler.js:38[Vuewarn]:Invalidprop:typecheckfailedforprop"content".ExpectedStringwithvalue"10000",gotNumberwithvalue10000.原因是：el-popover的属性content的值要是string
越来越牛B·2024-02-07 14:11

%JAVA_HOME% bin_JAVA_HOME环境配置

Java环境变量配置windowsxp下配置JDK环境变量：1.安装JDK，安装过程中可以自定义安装目录等信息，例如我们选择安装目录为D:\java\jdk1.5.0_08；2.安装完成后，右击“我的电脑
八普·2024-02-07 12:28

Pinia介绍和使用

它提供了一种简单、直观且可扩展的方式来组织和访问应用程序的状态，下面是详细介绍基于Vue3：Pinia是专门为Vue3开发的状态管理库，充分利用了Vue3的响应性系统和CompositionAPI。
c103363·2024-02-07 12:56

JeePlus快速开发平台 多处 SQL注入漏洞复现

0x01产品简介JeePlus（洁普斯）是一个软件快速开发平台，使用多种现代Web技术，包括SpringCloud/SpringBoot、MyBatisPlus、SpringSecurity、Redis、Vue3
OidBoy_G·2024-02-07 12:50

Vue3——创建一个应用

文章目录创建应用实例挂载应用没有模板的组件的挂载应用配置多个应用实例其实使用脚手架创建的vue项目的main.js文件中已经为我们配置好vue应用的创建。import{createApp}from'vue'importAppfrom'./App.vue'constapp=createApp(App)app.mount('#app')创建应用实例每个Vue应用都是通过createApp函数创建一个新
_洋·2024-02-07 11:14

vue样式穿透的写法

文章目录Vue2中的样式穿透如何使用Vue3中的样式穿透如何使用参考：https://blog.csdn.net/weixin_46022934/article/details/123993834Vue2
_洋·2024-02-07 11:13

Vue3——模板语法（文本插值、vue内置指令）

文章目录文本插值{{}}受限的全局访问指令Directives指令的参数指令的修饰符vue3的内置指令渲染文本内容（v-text）渲染html（v-html）单项绑定（v-bind）单项绑定的使用单项绑定
_洋·2024-02-07 11:12

Mac下Java开发环境配置，环境变量配置。

jdk安装可以可在oracle官网下载对应版本的dmg文件在安装好Jdk后还需要进行环境变量的配置（本文以java12为例）1.在终端输入sudovim/etc/profile（可能会需要账户密码）2.接着按下i，显示insert，进入输入模式。（注：在终端输入/usr/libexec/java_home可以得到JAVA_HOME的路径）输入以下配置JAVA_HOME="/Library/Java
xiaokaiMK·2024-02-07 10:59

Vue3引入腾讯地图，点击坐标后实时获取经纬度

本文将介绍如何在Vue引入腾讯地图组件，引入后可以直接在页面中渲染腾讯地图，实现经纬度与地图锚点位置的双向绑定，如：1，输入经纬度后，地图自动定位到指定位置；2，鼠标在地图点击后，自动获取到地址的经纬度；最终实现效果如下：实现细节1，引入腾讯地图，需要借助腾讯地图提供的SDK，先需要在腾讯地图开发平台添加应用，申请对应的调用key凭证，开发平台地址：https://lbs.qq.com/dev/c
程序员大飞1·2024-02-07 10:52

Vue3.4+element-plus2.5 + Vite 搭建教程整理

一、Vue3+Vite项目搭建说明：Vue3最新版本已经基于Vite构建，关于Vite简介：Vite下一代的前端工具链，前端开发与构建工具-CSDN博客1.安装并创建Vue3应用npmcreatevue
天马3798·2024-02-07 08:51

Vue3快速上手（二）VSCode官方推荐插件安装及配置

一、VSCode官方插件安装，如下图2款插件在用vite创建的程序里，提示提安装推荐的插件了，如下图：二、配置在设置-扩展里找到Volar插件，将DotValue勾选上。这样在ref()修改变量时，会自动填充.value,无需人工处理，提高效率。三、使用效果如下END
一掬净土·2024-02-07 08:12

Vue3 Component name “***********“ should always be multi-word

解决方式：1.使用复合单词使用两个单词命名文件2.修改package.json文件一劳永逸在rules里添加如下规则
badwomanPPPPPard0·2024-02-07 07:46

JavaWeb后端开发（第一期）：Maven基础、Maven的安装配置、如何创建maven项目模块、maven的生命周期

后端开发（第一期）：maven基础一、maven介绍1.1什么maven呢：1.2maven的作用1.3maven模型1.4maven仓库二、maven安装2.1配置本地仓库2.2配置阿里云私服2.3环境变量配置三
Make It Possible.·2024-02-07 07:43

2.4、2.6、2.7总结

3.2.4下午学习Vue3的时候发现有些前置知识漏了，一天把97集的视频看完补
STATICHIT静砸·2024-02-07 07:04

vue3 的setup和生命周期

vue3的setup和生命周期许多文章认为setup执行时间在beforeCreate和created之间，但是通过实际测试发现setup调用在beforecreate之前。
敲代码的柯基·2024-02-07 07:47

vue3项目中使用mapv

vue3项目中使用mapvmapv是百度地图官方提供的地图数据可视化开源项目，提供了很多效果酷炫的绘图apimapv地址在这里，示例图在这里先解释为什么要用mapvecharts画的地图，都是行政区划，
栀椩·2024-02-07 06:02

自定义npm包从vue2升级到vue3遇到的问题解决

1.执行npmrunbuild时报错：(node:16724)UnhandledPromiseRejectionWarning:SyntaxError:Unexpectedtoken‘??=’atLoader.moduleStrategy(internal/modules/esm/translators.js:149:18解决：更新node版本查看了我使用的node版本是14.21.3，更新到最新
小玲子小玲子·2024-02-07 06:58

一台Mac同时安装vue2和vue3

背景：电脑需要运行vue2和vue3项目，就得同时有vue2和vue3环境，之前以配置好vue2了，现在增加vue31.新建一个安装vue3的目录进入vue3文件夹安装vue3//注意这里没有参数-g，
c103363·2024-02-07 06:57

Vue3.3新特新和Vue3-Pinia

文章目录1.Vue3.3新特性-defineOptionsVue3.3新特性-defineModel3.Pinia快速入门4.手动添加Pinia到Vue项目5.Vue3-Pinia的基本语法6.action
W`hite·2024-02-07 06:25

Vue3大事件项目(ing)

配置代码检查工作流问题:pnpmlint是全量检查,耗时问题,历史问题5.目录调整6.vue-router4路由代码解析7.引入ElementPlus组件库8.Pinia构建仓库和持久化9.Pinia仓库统一管理核心内容Vue3compositionAPIPinia
W`hite·2024-02-07 06:22

【JS】纯web端使用ffmpeg实现的视频编辑器

ffmpeg编辑器这是一个纯前端实现的视频编辑器，用的ffmpeg的wasm，web框架用的vue3。界面手撸。界面效果开发过程初始化vue3框架用vite的vue3模板创建一个就可以。
飘逸者打瞌睡·2024-02-07 05:22

【前端】使用ffmpeg+vue3实现简单的视频编辑器

使用ffmpeg+vue3实现简单的视频编辑器主要依赖‘@ffmpeg/ffmpeg’，‘vue’实现功能视频转码，添加文字水印，添加图片水印，处理进度条和用时，文件编码信息，生成序列帧。
飘逸者打瞌睡·2024-02-07 05:21

【ffmpeg】vue3报错TypeError: Failed to construct ‘URL‘: Invalid URL at node_modules/@ffmpeg/ffmpeg/s

报错在使用"@ffmpeg/ffmpeg"和“@ffmpeg/core”时候报错TypeError:Failedtoconstruct'URL':InvalidURLatnode_modules/@ffmpeg/ffmpeg/src/browser/defaultOptions.js解决在vite.config.js中添加build:{target:'es2020'},optimizedeps:{
飘逸者打瞌睡·2024-02-07 05:51

vue3子组件给父组件传参

子组件传参：constemit=defineEmits(['自定义事件名字A'])//给父组件传参emit('自定义事件名字A',数据)父组件接收参数：//父组件接收数据functiongetRecentRecoding(val:any){console.log('近期流水：',val);}
来福福是小可爱！·2024-02-07 05:21

【vue3】远程组件加载

远程加载组件，动态更新组件，主框架不更新参考https://gitee.com/fanzhengshao/remote-components-library用vite创建一个vue项目添加remote目录，存放远程组件添加rollup.config.js，用来打包配置远程组件//rollup.config.jsimportvuePluginfrom'rollup-plugin-vue'import
飘逸者打瞌睡·2024-02-07 05:21

Vue3组件间通信知识整理——父组件向子组件传参

我认为各种问题的出现的背后都是需求的驱使，所以我在文章书写的过程中，相对简单的以案例演示叙述，而相对特殊典型的尽量放出场景、聊需求，增加代入感的方式来叙述Vue3组件间通信的方式。
阿Der·2024-02-07 05:50

Vue3组件间通信知识整理——子组件向父组件传参

Vue3组件化开发，子组件向父组件传参的场景也是十分之多，通常是用于通知父组件改值，父组件向子组件传递参数。
阿Der·2024-02-07 05:50

VUE3父组件向子组件传参，参数随子组件值修改

父组件组件传参时使用v-model修饰import{ref,unref,getCurrentInstance,watch,reactive,onMounted}from"vue";import{useRouter}from"vue-router";importinfoCardfrom"@/views/infoCard";exportdefault{name:"index",props:[],emi
Amiel_Tian·2024-02-07 05:49

三大常用Web前端框架对比

的版本1.3Angular的优势1.4Angular的缺点1.5Angular项目结构二、React2.1React的主要特点2.2React的优势2.3React的缺点2.5React的项目结构三、Vue3.1Vue
纯良思安·2024-02-07 05:13

Composition API 使用

响应性基础APImkdir03-composition-api#初始化项目package.jsonnpminit--yes#安装vue3npminstallvue@next--savereactive返回对象的响应式副本
翔子丶·2024-02-07 04:15

[Vue3] ref属性

简介Vue3中使用setup语法糖之后，在组件或普通dom元素上使用ref属性，可以得到注册元素或子组件的引用。如果用于普通dom元素，引用将是元素本身；如果用于子组件，引用将是子组件的实例。
Suppose·2024-02-07 04:49

一个坐标系查询网站python获取所有坐标系

技术路线选择我是使用的vue3开发的网页界面，element-plus构建网页组件，openlayer展示地图，express提供后端API，vercel进行在线部署。
数字化信息化智能化解决方案·2024-02-07 04:43

Vue3.0（二）：Vue组件化基础 - 脚手架

Vue组件化基础-脚手架Vue的组件化我们在处理一些任务量比较庞大的工作时候，会将工作内容进行拆分，分步骤完成而组件化的思想正式如此，对于一个庞大的项目，我们可以将其拆分成一个个的小功能，分步骤进行实现组件化是Vue的核心思想在前面的学习中，我们在createApp中传入了一个App对象，这个对象的本质其实就是一个组件{{item}}//使用VueconstApp={data(){return{a
前端大菜鸟_·2024-02-07 02:18

Vue3.0（三）：Vue组件化深入理解

Vue组件化深入理解生命周期每个组件都可能经历创建、挂载、更新、卸载等一系列过程在每个阶段，我们可能会添加一些属于自己的逻辑代码在Vue中，生命周期通过生命周期函数实现生命周期函数实际上就是回调函数，在某个时间会被Vue源码调用通过生命周期函数的回调，我们可以知道目前组件正在经历什么阶段生命周期的流程初始化事件生命周期beforeCreate创建组件实例：初始化注入和响应式created：发送网络
前端大菜鸟_·2024-02-07 02:43

全栈笔记_插件篇（用Volar替换Vuter）

vue3模板可以使用多个根标签，vue2
weiweivita·2024-02-07 01:48

【Vue3】解决路由缓存问题（响应路由参数的变化）

官方文档解释：解决问题的思路:让组件实例不复用,强制销毁重建监听路由变化,变化之后执行数据更新操作方案一：给router-view添加key以当前路由完整路径为key的值，给router-view组件绑定所以添加key之后会强制替换组件，重新发送所有请求（某些情况下不需要重新发送所有请求，会造成性能浪费），而非复用。方案二：使用beforeRouteUpdate导航钩子beforeRouteUpd
小秀_heo·2024-02-07 00:04
上一页 12 13 14 15 16 17 18 19 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他