vue3简单使用

【vue3源码】vue源码探索之旅：项目介绍

gitHubvue3项目仓库项目要求：vue版本3.4.15nodeV18.12.0以上使用pnpm包管理器vitest测试框架Vue3vue3是渐进式JavaScript框架，易学易用，性能出色，适用场景丰富的
ZSK6·2024-01-28 19:37

Vue3探索编辑部——关于Pinia(1)

Vue3中的Pinia创建项目数据准备和引入Pinia使用Pinia采用action修改数据总结什么是Pinia？Pinia是Vue3的专属的状态管理工具，什么是状态呢？
曼城巨星哈兰德·2024-01-28 17:10

一行代码，帮你管理项目的请求接口 | vue-request

VueRequest⚡️一个能轻松帮你管理请求状态（支持SWR，轮询，错误重试，缓存，分页等）的Vue3compositionAPI请求库为什么选择VueRequest在以往的业务项目中，常常被loading
John60676·2024-01-28 17:41

Vue3 + Vite 配置全局scss

1.安装scssnpminstall-Dsass2.配置vite.config.jscss:{preprocessorOptions:{scss:{additionalData:'@import"@/assets/css/main.scss";'}}},
Free zitao·2024-01-28 16:18

vue3+vite使用scss

1、安装依赖npminstallsass-d2、配置vite.config.jscss:{preprocessorOptions:{scss:{additionalData:'@import"@/assets/styles/main.scss";'}}},3、在对应目录下创建main.scss$blue:#3385ff4、在对应文件引用变量，成功！
xfq_z·2024-01-28 16:48

vue3和vite项目在scss中因为本地图片，不用加~

看了很多文章说要加~，真的好坑哦，我的加了~反而出不来了：304NotModified所以需要去掉~：/*默认dark主题*/:root[theme='red']{--bg-color:#0d1117;--text-color:#f0f6fc;--backImg:url('@/assets/images/redBg.png');}/*light主题*/:root[theme='blue']{--b
1024小神·2024-01-28 16:47

vue3 pinia 写法和 pinia 中数据 proxy 对象如何获取使用

main.tsimportpiniafrom'@/stores'app.use(pinia);引入store/index.ts中的piniastore/index.tsimport{createPinia}from'pinia'importpiniaPersistfrom'pinia-plugin-persist'constpinia=createPinia()//永久持久化插件pinia.use
初遇你时动了情·2024-01-28 15:37

Vue 的存储库 Pinia 使用与介绍

前言Vue3已经推出很长时间了，它周边的生态也是越来越完善了。之前我们使用Vue2的时候，Vuex可以说是必备的，它作为一个状态管理工具，给我们带来了极大的方便。
半兽先生·2024-01-28 15:07

Vue3在css中使用v-bind绑定js/ts变量，也可以在scss和less中使用方式

主要介绍Vue3中的新增的v-bind()的常用使用方式，主要包括在css,less,scss中的使用，可以参考官方文档查看：Vue3官方文档特别提醒如果你想在scss中或者less中使用，可能会报各种乱七八糟的错误
1024小神·2024-01-28 14:56

Vue3新特性（一）--- 全局config对象和Teleport内置组件

1、全局config对象在Vue3中，通过createApp()方法创造的应用实例会暴露一个config对象允许我们配置一些应用级的选项，例如可在main.js中通过app.config.globalProperties
努力的小朱同学·2024-01-28 12:31

msi的简单使用

前言WindowsInstaller使用安装包，其中包含WindowsInstaller需要安装、卸载或修复产品以及运行安装程序用户界面(UI)的信息。每个安装包都包含一个.msi文件，该文件包含安装数据库、摘要信息流和安装的各个部分的数据流。msf直接加载msf的msi上线vs下载扩展搜索创建msi文件即可利用文件系统和自定义操作选项，可以设置将在目标主机上释放的文件和执行的命令点击项目输出打包
网安星星·2024-01-28 12:57

vue3+naiveUI二次封装的v-model 联动输入框

根据官网说明使用源码{{placeholder}}/***@author全易*@time2022-10-1113:08:46星期二*@description自定义输入框组件**/exportdefault{name:'ClwInput',props:{placeholder:{type:String,default:'',},//父组件v-model绑定的值modelValue:{type:Str
美酒没故事°·2024-01-28 12:24

VUE3 加载自定义SVG文件

网上代码通篇一律，需要修改多处地方，特别是component下还要创建一个index.vue的组件，奇奇怪怪。要在Vue项目中使用svg-sprite-loader来管理SVG图标，你需要执行以下几个步骤：npminstallsvg-sprite-loader-D步骤1:配置vue.config.js确保你的Vue项目的根目录中有一个vue.config.js文件，用于自定义VueCLI的内部we
fendouweiqian·2024-01-28 12:54

defineEmits用于定义并验证组件可以发射的事件类型

defineEmits是Vue3CompositionAPI的一个函数，主要用于定义并验证组件可以发射的事件类型。
Uaenali·2024-01-28 11:08

vue3父子组件数据传递

1、父组件向子组件传递数据子组件想要使用父组件的数据，代码如下父组件的代码constmyTitle="修改密码"constdata={username:"李白",password:"123456"}如上所示Drawer是一个父组件，它向子组件传递了title和content两个数据子组件的代码//接收父组件传递过来的数据constprops=defineProps({title:{type:Str
万猿丛中最秃的帅哥·2024-01-28 11:07

Vue3中父子组件实现数据双向绑定效果

父组件：import{defineComponent,ref}from'vue'importHyFormfrom'@/base-ui/form'exportdefaultdefineComponent({components:{HyForm},name:'sysUser',setup(){constformData=ref({id:'',password:'',})return{formData,
小马_xiaoen·2024-01-28 11:07

Vue3中父子组件传递

以下主要涉及到了父组件和子组件之间的自定义事件传递父组件中的使用//父组件中的使用：<DialogGroupv-for="(cItem,i)inchatTargetList":key="cItem.chat_id":chat-item="cItem":index="i":dislike-item-id=
Uaenali·2024-01-28 11:06

ValueConverters.NET

xmlns:conv="clr-namespace:ValueConverters;assembly=ValueConverters"简单使用使用默认的True/Flase转换值或指定转换值：使用转换器组实现
James.TCG·2024-01-28 11:09

WPF的ListView的简单使用

1.界面代码2.后台代码//声明变量，将界面ListView与List绑定privatestaticObservableCollectionList=newObservableCollection();//ListView双击事件privatevoidlvUsers_MouseDoubleClick(objectsender,MouseButtonEventArgse){if(lvUsers.Se
Hat_man_·2024-01-28 10:42

【C语言学习记录】（一）——编译器Visual Studio 2019的安装与简单使用

一、安装下载链接:link.使用谷歌浏览器跳转到VisualStudio的官网。当前显示的都是VisualStudio2022的下载链接我说一下我自己找到vs2019的方法。点击右上角的搜索输入：VisualStudio2019，回车找到下方链接，点开下拉网页，找到社区2019，点开后就开始下载了。然后进行安装下载完成后
xueshengliang1998·2024-01-28 10:05

容器化部署 Jenkins，并配置SSH远程操作服务器

Jenkins步骤1、安装Docker2、获取Jenkins镜像3、创建并运行容器4、访问Jenkins4.1查看初始密码问题5、配置Jenkins5.1安装插件5.2创建管理员用户5.3实例配置五、简单使用
哆啦田田田·2024-01-28 08:25

Vue3中ElementPlus组件二次封装，实现原组件属性、插槽、事件监听、方法的透传

本文以el-input组件为例，其它组件类似用法。一、解决数据绑定问题封装组件的第一步，要解决的就是数据绑定的问题，由于prop数据流是单向传递的，数据只能从父流向子，子想改父只能通过提交emit事件通知父修改。父：import{ref}from'vue'importCInputfrom'@/components/CInput/index.vue'constname=ref('')子组件：impo
聂大哥·2024-01-28 08:56

vue3框架基本使用

一、安装包管理工具vite和vue-cli一样，都是脚手架。1.node版本PSE:\vuecode\vite1>node-vv18.12.12.安装yarn工具2.1yarn简单介绍yarn是一个包管理工具，也是一个构建、打包工具yarn需要借助npm进行安装：执行的命令行npminstall-gyarn。yarn的优点：1.安装速度快：因为yarn缓存每一个下载过的包，所以再次使用时无需重复下
smile_pbb·2024-01-28 08:25

Vue3+Echarts实现实时曲线及开始与暂停功能

最近做电力项目中，遇到这样一个需求：用户选择设备的属性后（多选情况，可以选择不同设备的属性），然后请求各自的数据，使用折线图的形式实现趋势展示，同时要支持暂停和开始功能；这个需求，重点在图表数据项的不确性，可能是一组数据，也可能是多组数据，所以要对echarts进行拆分；对于开始暂停功能，就是定时器的建立与清除；第一步：使用设计模式思想，将变化的部分和不变的部分分开，echarts中的配置项opt
渔舟唱晚@·2024-01-28 08:24

认识&对比 React、Vue2、Vue3 三者的 diff 算法

ReactDiff算法认识ReactDiff算法React是Fiber架构的，Fiber其实是一个链表的结构，但是由于没有设置反向指针，因此没有使用双端比对的方式去优化Diff算法（没有反向指针，从右往左遍历链表会很困难）。这一点在React源码reconcileChildrenArray函数的注释中也有说明。React采用Fiber架构的原因是JavaScript的运行会阻塞页面的渲染，Reac
渔舟唱晚@·2024-01-28 08:53

宝塔部署 dvadmin3项目笔记

django-vue3-admin项目是一个优秀的基于Python和vue3的后端框架，可以在此基础上快速进行二次开发，目的是学习，记录通过宝塔部署该项目的一个步骤。
知远同学·2024-01-28 08:21

【Vue3 从入门到实战 进阶式掌握完整知识体系】006-Vue语法基础：条件渲染

6、条件渲染v-if基本使用hellovueconstapp=Vue.createApp({data(){return{message:"HelloWorld!",show:true}},//我们使用v-if与v-show两种方式来实现条件渲染template:`{{message}}{{message}}`});constvm=app.mount('#root');show为true的时候ima
訾博ZiBo·2024-01-28 07:58

log4cplus开源日志库使用

log4cplus库（一）(简单使用)log4cplus库（二）(通过布局器Layouts)log4cplus库（三）(将日志写入到文件)log4cplus库（四）(优先级与日志配置)
ziyou飞翔·2024-01-28 07:05

Vue3全局函数与提示

今天遇到一个问题，一个项目需要用到一个全局函数，使用过程中一直提示函数Propertyxxxdoesnotexistontype'{$:ComponentInternalInstance;...，查找不少资料后，终于解决了提示的问题，代码如下。注意声明不能放在.d.ts文件中。Screenshot2023-01-09at13.02.55.pngconstinstall=(app:App,opts=
飘落寒冰·2024-01-28 06:35

vue3 reactive函数

reactive的用法与ref的用法相似，也是将数据变成响应式数据，当数据发生变化时UI也会自动更新。不同的是ref用于基本数据类型，而reactive是用于复杂数据类型，比如对象和数组例如：定义一个对象类型的变量user{{user}}clickme!oneyearlaterimport{reactive}from"vue";exportdefault{name:"reactive",setup
深度剖析JavaScript·2024-01-28 06:40

从零开发基于chatGPT的社区交友系统 (前后端分离)丨环境配置 01

本项目是一个前后端分离项目，前端使用vue3.2+element，后端使用golang+gin框架开发，前后端集成web
_Kaiser·2024-01-28 06:07

elasticsearch在ubuntu下的配置以及简单使用

参考资料官方下载地址ELK学习实验002：Elasticsearch介绍及单机安装ElasticSearch(ES从入门到精通一篇就够了)前言警告：elasticsearch默认不允许使用root账号来运行的，所以，强烈建议一开始就创建一个账号例如：es用于对elastic的部署。给elastic创建账号创建es用户组及es用户、并设置密码groupaddes###下面的命令表示，创建esgrou
码农下的天桥·2024-01-28 06:03

综合案例 - 商品列表

（v-model处理：信息修改）4.my-table组件封装（整个表格）①数据不能写死，动态传递表格渲染的数据②结构不能写死-多处结构自定义【具名插槽】案例完整代码：1.App.vue2.MyTag.vue3
W`hite·2024-01-28 06:25

Vue3按需导入Icon图标——VueCli

开始的时候都是先准备安装环境：1、安装icon组件npminstall@element-plus/icons-vue2、安装自动导入图片插件npminstall-Dunplugin-iconsunplugin-auto-import修改vue.config.js配置文件在vue.config.js配置文件中添加如下内容，其中2-3行事element-plus的组件自动引入工具，8-10行才是Ico
psvm+Tab·2024-01-28 05:31

element-plus和vue3+vue/cli按需导入-自动导入

说明：vue-cli创建的项目中如何按需引入element-plus的方法，主要是配置config(vuecli配置的是vue.config.js)步骤0.前提条件，你项目得先安装element-plusnpminstallelement-plus--save1.官网推荐，安装自动导入插件首先你需要安装unplugin-vue-components和unplugin-auto-import这两款插
xuxiaoyu21·2024-01-28 05:01

Vue3 引入Element-Plus组件库vue-cli按需自动引入+引入ElementPlus的Icon图标

一：引入Element-Plus组件库vue-cli按需自动引入1.使用包管理器（如NPM、Yarn）安装ElementPlus#NPM$npminstallelement-plus--save#Yarn$yarnaddelement-plus2.首先要安装两款插件unplugin-vue-components和unplugin-auto-import：#NPMnpminstall-Dunplug
鱼干～·2024-01-28 05:01

一个Vue3.0项目的搭建到开发（Vue3+Vue/cli4.x+ElementPlus+vue-router等）

最近稍微了解了点VUE的用法，也自己做了一个很简单的项目，这里记录一下项目的完整的开发过程，包括搭建，整合包，配置等，顺便一边记录一边重头搭一遍作为下一个练手项目的开始。安装环境Nodejs安装Nodejs，自行下载安装并配置系统环境变量就行了，不过要注意下版本选择，目前我的node是16.4.1，执行一下node-v显示版本就代表安装和配置成功啦！vue/cli接下来安装vue脚手架，执行命令n
KimiKudo·2024-01-28 05:31

Vue.js 3.0 学习笔记（十四）使用ElementPlus按需自动导入

前言IDEAvuecli5.0vue3element-plusvue里面的vue.config.js相当于webpack.config.js，在vue项目中可直接通过修改vue.config.js修改webpack.config.js
奥妙无穹·2024-01-28 05:29

Vue3 Cli5按需导入ElementPlus

1、安装环境node：16.20.0vue：3.2.36vue/cli：5.0.0element-plus：2.2.25element-plus/icons-vue：2.0.10unplugin-auto-import：0.16.1//当前环境用这个包，不然会提示各种错误unplugin-vue-components：0.25.0//当前环境用这个包，不然会提示各种错误2、vue.config.j
小朱小先生·2024-01-28 05:28

Vue3 Suspense 优雅地处理异步组件加载

✨专栏介绍在当今Web开发领域中，构建交互性强、可复用且易于维护的用户界面是至关重要的。而Vue.js作为一款现代化且流行的JavaScript框架，正是为了满足这些需求而诞生。它采用了MVVM架构模式，并通过数据驱动和组件化的方式，使我们能够更轻松地构建出优雅而高效的Web应用程序。在本专栏中，我们将深入学习Vue.js的核心概念、组件开发、状态管理、路由和性能优化等方面的知识。无论你是初学者还
俊刚、·2024-01-28 05:53

vite搭建vue3.0项目

vite官网创建项目1、yarncreate@vitejs/appimage还有很多选项，我选的是vue安装相关依赖1、开发依赖yarnaddvue-router@nextvuex@nextelement-plusaxios-S2、生产依赖yarnaddsass-D修改端口号vite.config.jsimport{defineConfig}from'vite'importvuefrom'@vit
X_8d6a·2024-01-28 04:08

SpringBoot 自定义Filter 提前返回 CORS 错误 处理前后端分离跨域配置无效问题解析

准备工作https://gitee.com/youlaiorg/vue3-element-admin)默认通过vite+proxy前端反向代
Young丶·2024-01-28 04:48

拦截器的简单使用

拦截器的简单使用拦截器的使用创建拦截器preHandle目标方法执行前执行postHandle目标方法执行后执行afterCompletion视图渲染后执行拦截器使用场景返回值注册拦截器运用拦截器拦截器的使用创建拦截器首先
墨溱·2024-01-28 03:33

Vue3笔记

一.前端工程化webpack代码压缩、解决js的浏览器兼容性问题、性能优化webpack.config.js文件下：mode节点：1.development开发时用，不代码压缩和性能优化，打包速度块2.production发布时用，代码压缩和性能优化，打包速度慢webpack.config.js文件是webpack的配置文件，打包前先读取这个配置文件，从而基于给定的配置，对项目打包默认的打包入口文
nknmn_·2024-01-28 03:21

Vue3学习笔记（尚硅谷天禹老师）

1.Vue3简介1.1性能的提升打包大小减少41%；初次渲染快55%，更新渲染快133%；内存减少54%。1.2源码的升级使用Proxy代替defineProperty实现响应式。
-袁平安·2024-01-28 03:20

vue3常用代码：监听路由|mitt、project/inject无效|防抖函数|下载函数

文章目录监听路由mitt、project/inject无效解决方案防抖函数(已封装)下载函数(已封装)菜鸟做项目时发现很多vue3常用的代码，所以来总结一下！
PBitW·2024-01-28 03:49

vue3 el-tabs 点击触发事件

杨幂刘恺威赵丽颖constactiveName=ref('first')//默认选择第一个consttabsArray=reactive({first:true,third:false,second:false,})//点击事件consthandleClick=(tab:any)=>{constconvert=JSON.parse(JSON.stringify(tab.props))if(conv
圆脸喜欢吃菠萝·2024-01-28 03:47

Vue3中ref中的数据引用时自动添加.value

Vue3中引入了ref来创建响应式数据，但是在js代码中引用ref的变量数据时必须要加上.value才可以,这会导致在使用大量数据时，会经常忘记带上.value，从而导致错误。
浮生若梦777·2024-01-28 02:20

《Vue3 基础知识》 Vue2+ElementUI 自动转 Vue3+ElementPlus（GoGoCode）

前言GoGoCode一个基于AST的JavaScript/Typescript/HTML代码转换工具。ASTabstractsyntaxcode抽象语法树。实现第一步：安装GoGoCode插件全局安装最新的gogocode-cli即可npmigogocode-cli-g查看版本gogocode-cli-V相关插件说明插件描述gogocode-cligogocode的命令行工具gogocode-pl
AvatarGiser·2024-01-28 02:46

HarmonyOS 鸿蒙应用开发 (七、HTTP网络组件 axios 介绍及封装使用)

axios网络请求库的使用下载安装开通权限简单使用axios模块封装及使用客户端封装封装后使用官
特立独行的猫a·2024-01-28 00:53
上一页 72 73 74 75 76 77 78 79 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他