vue3工程化第41页

【前端目录贴】

【前端】尚硅谷Vue2-Vue3全家桶笔记目录贴3.【前端】vue.js从入门到项目实战笔记

骑鱼过海的猫123·2024-01-18 09:32

VScode搭建element-ui环境

新建终端当前虽在文件是vuetask文件夹cdvue01npmrunserver想要退出，ctr+c引入element-UInpmielement-ui-S报错应该是我再shell里选错了，vue3不能和

LeeyyG·2024-01-18 08:53

vue3 + vite + ts 创建项目过程

0.前提1.node环境和npm1.创建项目npminitvite项目名称vue-tscd项目名称npminstall2.配置vite.config.tsimport{defineConfig}from"vite";import{resolve}from"path";importvuefrom"@vitejs/plugin-vue";exportdefaultdefineConfig({plugi

小芈儿·2024-01-18 07:13

组件v-model（.sync）记录使用（vue3）

示例（演示地址）以下是Vue3中使用v-model实现组件的双向数据绑定的示例代码：首先，让我们来了解一下Vue3中v-model的用法。

月照一江秋水·2024-01-18 07:46

Vue3 + Electron框架读取程序外部配置文件

网上找了一堆都不行，根据这个步骤来肯定能用1.在项目下新建一个config.json文件2.json文件中写入一些配置3.vue.config.js中配置打包时把config.json文件copy到应用目录下pluginOptions:{electronBuilder:{nodeIntegration:true,builderOptions:{extraResources:[{"from":"./

今晚哒老虎·2024-01-18 07:29

新建vue3项目，启动后访问http://localhost:3000/，发现页面不是vue3项目首页

正常页面打开应该显示：打开后访问的错误页面：打开页面的第一想法：“王德发！！！！！！！！吓唬老子，老子可不是被吓大的。肯定是浏览器缓存，清缓存，结果还是这个吊样”我仔细一看这个页面不是之前我自己的webpack4的demo吗。于是我找到我练习时候的代码，发现这里注册过serviceWorker←serviceWorker是什么，一句话概括核心功能就是拦截和处理网络请求，以编程方式管理响应缓存。看没

斯图尔te·2024-01-18 07:26

vue3前端开发,感受一下组合式api和VUE2选项式的差异

vue3前端开发,感受一下组合式api和VUE2选项式的差异！今天开始，正式开始，进入学习Vue3的内容。以后代码，案例分享，都会采用组合式api的模式为大家做展示。

yrldjsbk·2024-01-18 06:45

vue3自定义指令（directives）的使用

在Vue3中，自定义指令的用法相对于Vue2有一些变化。

深度学习研究员·2024-01-18 05:38

Vue3中动态组件使用

一，动态组件使用：应用场景：动态绑定或切换组件应用Vue3碎片：is1.使用a.组件A红茶a.组件B绿茶2.页面使用换茶import{ref}from'vue'importGreenTeafrom'.

会做梦的辣条鱼·2024-01-18 04:50

Vue3中provide,inject使用

一，provide,inject使用：应用场景：向孙组件传数据应用Vue3碎片：ref，reactive，isRef，provide,inject1.provide,inject使用a.爷组件引入import

会做梦的辣条鱼·2024-01-18 04:20

Vue3中使用自定义指令

一，自定义指令：应用场景：禁用按钮多次点击1.vue2a.src/libs/preventClick.jsimportVuefrom'vue'constpreventClick=Vue.directive('preventClick',{inserted:function(el,binding){el.addEventListener('click',()=>{if(!el.disabled){e

会做梦的辣条鱼·2024-01-18 04:49

【Vue自定义事件详细介绍】

.once`和`.capture`6.移除事件监听器7.事件总线(EventBus)1.自定义事件Vue.js中自定义事件是组件间的一个主要通信方式，尤其是用于子组件向父组件发送消息，在Vue2.x和Vue3

程序员不想YY啊·2024-01-18 04:19

Vue3 组件调用自己本身 Element-plus 左侧菜单自动无限分级

怕忘了，记录一下Vue3组件调用本身创建temp.vue文件，调用自己主要是name要设置一个唯一名称如下的CustumVue然后直接调用exportdefaultdefineComponent({name

囧囧的猪·2024-01-18 03:46

vue3+threejs可视化项目——引入threejs加载钢铁侠模型（第二步）

yma16·2024-01-18 03:15

【前后端分离博客】学习笔记01 --- 登录模块Sa-Token

前言用于记录自己学习博客项目的流程基于Springboot+Vue3开发的前后端分离博客项目源码：Blog:基于SpringBoot+Vue3+TypeScript+Vite的个人博客，MySQL数据库

乌云不要说话·2024-01-18 02:38

#vue3# el-table-horizontal-scroll 让 el-table 在底部显示横向滚动条

一、需求:当el-table的宽度超出浏览器宽度时，尽管el_table底部会出现滚动条，但使用起来不太便捷，因为每次需要先滚动到底部才能使用el-table的滚动体，这显得相当繁琐。为了提升体验，希望在el-table的宽度超出屏幕宽度时，即使没有滚动到底部，也能够在可视范围底部添加一个横向（左右）的滚动条，能够更方便地使用el-table。（即系不需要拉到底部才可以显示滚动条）二、安装：npm

Miraitowa_chole·2024-01-18 01:04

2019-08-22 v（手把手教学）vue3.0 项目中安装使用jquery

第一步：安装npminstall--savejquery第二步：查看package.json文件"dependencies":{"jquery":"^3.4.1",///一定要有这个没有的话，手动添加"@antv/f2":"^3.4.1","core-js":"^2.6.5","vue":"^2.6.10","vue-router":"^3.0.3","vuex":"^3.0.1"},第三步：新创

冬天的_太阳·2024-01-17 23:04

Go新项目-为何选Gin框架？（0）

先说结论：我们选型Gin框架早在大概在2019年下旬，由于内部一个多线程上传的需求，考虑到Go协程的优势；内部采用Gin框架编写了内部的数据上传平台BAP，采用Gin+Vue开发，但前期没考虑到工程化思维

ifanatic·2024-01-17 23:45

vue3的生命周期

vue3的生命周期1、beforeCreate->使用setup()2、created->使用setup()3、beforeMount->onBeforeMount4、mounted->onMounted5

桔子TJ·2024-01-17 22:29

vue3代码运行报错import { hasInjectionContext, inject, toRaw, watch, unref, markRaw, effectScope, ref,

vue3代码运行报错如下：Nomatchingexportin“node_modules/.pnpm/[email protected][email protected]/node_modules/vue-demi/lib

回忆哆啦没有A梦·2024-01-17 21:26

vue3.0+webpack

vueinitwebpackmypro初始化一个项目并指定打包工具之后提示我需要安装，这是vue3.0和vue2.之间的桥接工具：npminstall-g@vue/cli-init安装完成即可再次vueinitwebpackmypro

真是个非常帅气的昵称呢·2024-01-17 21:11

vue3使用jodit富文本编辑器，自定义各项配置及组件封装

目录常用配置设置中文字体设置CDN的引用图片上传对编辑器中生成的元素添加默认属性组件封装本文使用时的版本："vue":"^3.2.36"，"jodit":"^3.24.7"Jodit是国外编写的一个功能强大的富文本编辑器，有常规版本和PRO版本，PRO版本功能更全，但需要付费，常规版本也已够用，目前官网没有提供中文文档。当我们在使用时，会遇到一些问题，比如在设置了编辑器的语言版本为中文后，仍有部分

上官熊猫·2024-01-17 20:37

vue3中按需使用echarts5贴花图案和跨系列的形变动画

先做一下说明，是在vue3中采用按需引入的方式，对应版本如下："@vue/cli":"4.5.15","vue":"^3.2.21","echarts":"^5.2.2"按照官方对贴花图案和跨系列的形变动画的说明

上官熊猫·2024-01-17 20:37

在vite5和vue3开发环境中使用jodit4富文本编辑器，并添加自定义插件和使用highlight.js实现代码块高亮（附其他自定义配置项和全部代码）

最近富文本编辑器jodit终于更新发布到了4.0版本，加入了css变量、有更好的typescript支持，截止发文时的版本是：4.0.5，看到有了新版本于是便想着将本地项目中的jodit版本也进行升级，琢磨着再丰富和添加一些功能，就开始了各种踩坑，在这里做个分享。joditPro版集成的功能更多，但需要付费才能使用。相对于jodit3.x版本，引入方式有了变化，配置项差别不大，对于jodit3.x

上官熊猫·2024-01-17 20:06

VUE工程化--vue组件注册

组件注册的两种方式：1.局部注册：只能在注册的组件内使用2.全局注册：所有组件内都能使用局部注册步骤：1、导入importMyHeaderfrom"./components/myHeader.vue";importMyMainfrom"./components/myMain.vue";importMyFooterfrom"./components/myFooter.vue";2、注册组件--注册成

煸橙干儿~~·2024-01-17 19:56

js-时间相关操作（获取当前日期、最近三天、近一月及前N天的日期）

我这里采用vue3.0的写法1.日期选择器，限制范围（默认当前日期，以及前2天）选择时间:import{onBeforeUnmount,onMounted,reactive,ref,getCurrentInstance

七月_Mo·2024-01-17 18:23

Vue3响应式系统(三)

Vue3响应式系统(二)https://blog.csdn.net/qq_55806761/article/details/135612738七、无限递归循环。响应式系统里无限递归也是需要考虑到的。

进阶的小鸟·2024-01-17 17:26

Vue3响应式系统（一）

functioneffect(){document.body.innerText='hellovue3'}再例如：//全局变量letval=2functioneffect(){val=2//修改全局变量

进阶的小鸟·2024-01-17 17:55

Vue3响应式系统（二）

Vue3响应式系统(一)https://blog.csdn.net/qq_55806761/article/details/135587077六、嵌套的effect与effect栈。

进阶的小鸟·2024-01-17 16:50

(N-139)基于springboot,vue宠物领养系统

开发工具：IDEA服务器：Tomcat9.0，jdk1.8项目构建：maven数据库：mysql5.7系统分前后台，项目采用前后端分离前端技术：vue3+element-plus服务端技术：springboot

IT教程资源-·2024-01-17 16:01

Vue3 如何优雅的使用 createApp 自定义通用Dialog

最近在做一个项目的技术栈升级，从Vue2升级至Vue3，Vue2中有一个通用的全局Dialog方法，是通过Vue.extend来实现的，具体请看下方的Vue2代码：一、main.js中定义通用方法Vue.prototype

小小楠瓜子·2024-01-17 15:38

下一代 Vue3 Devtools 正式开源

什么是VueDevToolsVueDevTools是一个旨在增强Vue开发人员体验的工具，它提供了一些功能来帮助开发者更好地了解Vue应用程序。VueDevTools：UnleashVueDeveloperExperience.EnhanceyourVuedevelopmentjourneywithanamazingexperience!典型的功能特征包括：Pages：显示当前的路由以及一些有用的

xiangzhihong8·2024-01-17 14:49

解决vue3中不支持.sync语法糖

在Vue3中，.sync修饰符已经被移除。在Vue2中，.sync修饰符是一个语法糖，用于简化子组件和父组件之间的双向数据绑定。在Vue3中，推荐使用v-model或是自定义事件来实现类似的功能。

前端玖耀里·2024-01-17 13:15

vue2.0/3.0 使用ref获取dom元素

$refs.drag)}}vue3.0用ref获取DOM元素：由于vue3.0中没有this和$refs，则在vue2中使用$refs来获取dom元素的方法在vue3行不通所以在vue3就可以使用以下方法

小粗腿Cc·2024-01-17 13:11

基于vue3.0简单的页面使用

基于vue3.0简单的页面使用项目效果图项目文件图package.jsonmain.jsApp.vueviews/Tutorial.vueviews/TS.vueviews/Docs.vueviews/

miao_zz·2024-01-17 13:10

vue3:使用sortablejs实现表格拖拽移动

拖拽importSortablefrom"sortablejs";const{proxy}=getCurrentInstance();constdata=reactive({tableData:[{id:"1",name:"text_1",date:"1111-11-11",address:"测试_1",},{id:"2",name:"text_2_不可拖拽",date:"2222-22-22",

zxna·2024-01-17 13:09

Vue的使用

1、概述https://cn.vuejs.org/vscode+Volar插件【2023最新版】Vue3从入门到精通，零基础小白也能听得懂黑马程序员前端Vue3小兔鲜电商项目实战vue入门教程（详细版）

pzs0221·2024-01-17 13:08

第一次创建vue3项目

本小白第一次创建vue3项目前提node.js版本在15或15以上，版本低了需要重新安装node-v#查看当前node版本1.创建vue3项目，npminitvue@latest注意输入项目名称时不要大写安装依赖

My.dxxj·2024-01-17 12:21

vue3和ts的el-input的键盘回车绑定事件

el-input框绑定键盘回车搜索事件加上@keyup.enter.native="search"然后//搜素键盘回车事件constsearch=(e:any)=>{if(e.keyCode==13){getdatalist()}}//开启键盘监听事件window.addEventListener('keydown',search,true)第二种方法：作用在input元素身上在html中然后//

惠惠惠惠呀·2024-01-17 12:08

vue3 setup语法糖

一、简介vue3.2版本开始才能使用语法糖！

gqk01·2024-01-17 12:23

activiti流程图+动态表单

使用技术jeecg-bootactivitivue3form-create简单效果展示流程图绘制审批人配置动态表单配置流程审批流程审批记录填写表单信息源码地址后台：https://gitee.com/houshixin

Hou°·2024-01-17 12:52

vue3和vue2 v-model 和sync语法糖区别

随着Vue3的发布，该版本带来了许多新特性和改进，其中包括对v-model和sync语法糖的优化。

YoursMsg·2024-01-17 08:36

vue3 Ts script-setup 语法糖父子组件通信使用sync,defineEmit,defineProps,defineExpose

较比更加简洁化真香～父组件//类似vue2item-checked.sync修饰符vue3取消sync修饰符改为v-bindconststate=reactive({stationData:[],stateList

免费的东西·2024-01-17 08:06

Vue3使用Pinia获取全局状态变量

Pinia是Vue3的状态管理库，用于替代Vuex。使用Pinia，你可以轻松地在Vue3应用中管理全局状态。

无妄的罪·2024-01-17 08:06

vue3+ts+vite配置项目引入@surely-vue/table less报错

在项目当中报错InlineJavaScriptisnotenabled.Isitsetinyouroptions?修改配置如下：return{css:{preprocessorOptions:{less:{javascriptEnabled:true//开启less编译，注意：这个很重要}}},}

Shero.李建业·2024-01-17 08:07

Vue3组件库开发之Button(1)

需求分析：Button组件大部分关注样式，没有交互根本分析可以得到具体的属性列表：type:不同的样式(Default,Primary,Danger,Info,Success,Warning)plain:样式的不同展现模式booleanround:圆角booleancircle:圆形按钮，适合图标booleansize:不同大小(small/normal/large)disabled:禁止bool

土井塔克树1412·2024-01-17 08:00

CND 仿工程化开发，尝试一下Vxe-table的入门使用

Vue3（三）CDN+ES6的import+工程化的目录结构https://www.jianshu.com/p/c454e8dd6dc2有网友问我，在这种方式下，如何使用vxe-table，其实和使用element-plus

自然框架·2024-01-17 07:59

vue3和vue2区别

而在Vue3中，使用了Proxy来实现响应式系统。Proxy是ES6提供的一种代理机制，可以拦截对象的

lucky友人a·2024-01-17 07:56

【vue3.0】13.0 某东到家（十三）——商家详情页开发(三)

准备mock数据：{"code":200,"data":[{_id:'1',name:'番茄250g/份',imgUrl:'/i18n/9_16/img/tomato.png',sales:10,price:33.6,oldPrice:39.6},{_id:'2',name:'草莓250g/份',imgUrl:'/i18n/9_16/img/tomato.png',sales:10,price:3

bobokaka·2024-01-17 07:22

vue3.2二次封装antd vue 中的Table组件，原有参数属性不变

vue3.2中的语法在项目中多处使用到表格组件,所以进行了一个基础的封装,主要是通过antdvue中表格的slots配置项,通过配合插槽来进行封装自定义表格;这次主要的一个功能是编辑之后变成input框修改了之后变成完成发送请求重新渲染表格

柠檬加栤·2024-01-17 06:24

推荐频道

vue3工程化