vue3简单使用

vue3对比vue2是怎样的

一、前言Vue3通过引入CompositionAPI、升级响应式系统、优化性能等一系列的改进和升级，提供了更好的开发体验和更好的性能，使得开发者能够更方便地开发出高质量的Web应用。
雪梅零落·2024-01-04 05:13

vue3.0 + draggable插件实现卡片拖拽排序功能（数据存前端）

image.png{{element.name}}importdraggablefrom'vuedraggable'constcardList=reactive([{id:1,name:'项目列表',src:projectImg,flag:'project'},{id:2,name:'CI/CD',src:cicdImg,flag:'cicd'},{id:3,name:'日志中心',src:log
Joan_King_·2024-01-04 04:00

vue3面试题

1.Vue3中的CompositionAPI是什么？它与OptionsAPI有什么区别？
qq_42431718·2024-01-04 04:00

Ubuntu安装NVM及简单使用

NVM是指NodeVersionManager；安装环境是Ubuntu22.04。一、安装NVM1、通过官方安装脚本安装1.1采用cURL或Wget命令执行下列任一安装脚本：#二者选其一，注意wget命令里的-q参数表示--quiet，安静模式，无信息输出，看不到错误，也可去掉该参数curl-o-https://raw.githubusercontent.com/nvm-sh/nvm/v0.39.
清风xhp·2024-01-04 04:53

vue3非父子组件间传值

本示例基于vue3使用要点：发送数据----$bus.emit('password',num)接收数据----在onMounted()中$bus.on('password',(data)=>{})双方定一个交换数据的号码
小约翰仓鼠·2024-01-04 04:14

vue3使用原生HTML元素marquee，控制台报警告

近期有个滚动字幕的需求，在vue3中使用原生HTML元素marquee，结果控制台报警告(在vue2中使用没问题)。
小约翰仓鼠·2024-01-04 04:14

python zipfile打包压缩文件

zipfile.ZipFile（保存路径+文件名，模式(w)，zipfile.ZIP_DEFLATED）调用zip.write()将需要压缩的文件传入进去传入参数zip.write(打包文件路径)关闭文件zip.close()简单使用
小黄不头秃·2024-01-04 04:26

zookeeper 常见客户端介绍和使用 zkCli、自带API、 zkClient、Curator

文章目录一、Zookeeper的命令行使用二、Zookeeper自带API的使用2.1引入API2.1API简单使用三、Zookeeper三方客户端zkClient的使用3.1引入依赖3.2简单的使用案例四
栗子叶·2024-01-04 02:37

redis中lua脚本的简单使用

一、背景在使用redis的过程中，发现有些时候需要原子性去操作redis命令，而redis的lua脚本正好可以实现这一功能。比如：扣减库存操作、限流操作等等。redis的pipelining虽然也可以一次执行一组命令，但是如果在这一组命令的执行过程中，需要根据上一步执行的结果做一些判断，则无法实现。二、使用lua脚本Redis中使用的是Lua5.1的脚本规范，同时我们编写的脚本的时候，不需要定义L
huan1993·2024-01-04 01:59

BS4知识点记录

#beautifulsoup##一、beautifulsoup的简单使用简单来说，BeautifulSoup是python的一个库，最主要的功能是从网页抓取数据。
longfei815·2024-01-04 01:43

webpack代码分割之SplitChunksPlugin和魔法注释

加同步引入的方式进行代码分割，和通过异步加载的方式让webpack自动帮我们完成代码分割，上篇中，我们也是主要对代码分割的概念和方式做了介绍和操作，其中提到的SplitChunksPlugin和异步加载只是简单使用了一下
喜剧之王爱创作·2024-01-04 01:55

学习Vue脚手架总结

脚手架，然后点击就可以跳转到CLI的页面，上面有详细的安装教程，因为服务器不在国内，所以下载之前先配置npm镜像，下载完之先选择创建一个文件的路径通过（vuecreate文件名）创建文件后会有Vue2和Vue3
heliang399·2024-01-04 01:58

技术资讯：Vue 3.4 新版本发布，1分钟快速看看改了啥！

踏着2023年的小尾巴，尤大大声明发布了Vue3.4新版本。此版本包括一些重大的内部改进，挑选几个比较重要的看看哈。解析器速度提高2倍并提高SFC构建性能提高计算属性的重新计算效率D
程序员大澈·2024-01-04 00:21

Vue3 结合typescript 组合式函数(2)

安装axios：npminstallaxios1、hooks文件夹下新建useURLLoader在APP.VUE中使用useURLLoader使用DogAPI2、使用对象中的属性，必须使用toRefs，否则Reactive响应失效3、使用泛型结果：
土井塔克树1412·2024-01-04 00:27

vue3按钮点击频率控制

现有一个按钮，如下图点击时再次点击刷新窗口再次点击刷新窗口依然可以实现点击频率控制。代码实现：-->click//@ts-ignoreimportzhCnfrom'element-plus/dist/locale/zh-cn.mjs'import{reactive}from'vue'import{ElMessage}from'element-plus'//国际化配置constlocale=reac
laizhenghua·2024-01-03 22:42

VUE框架Vue3下使用watch监听reactive下的数据变化并使深度监视起效------VUE框架

{{data.counter}}按一下加一{{data.a.b.c.d.counter1}}按一下加一import{reactive,watch}from'vue'exportdefault{name:"App",setup(){letdata=reactive({counter:1,a:{b:{c:{d:{counter1:100}}}}});//对于reactive监视的属性来说,默认就是开启
旧约Alatus·2024-01-03 22:39

Vue2/Vue3-插槽(全)

一、插槽的定义vue实现了一套内容分发的Api，将元素作为承载内容分发二、插槽的注意事项父组件模板的内容只能访问父组件的作用域，子组件的模板只能访问子组件的作用域。也就是说插槽的内容可以访问父组件的数据作用域，因为插槽内容本身就是在父组件的模板中定义的，插槽内容是无法访问子组件中的数据，vue模板中的表达式只能访问其定义时在所处的作用域，这个和js的词法作用域规则是一样的。三、普通插槽//父组件i
GllWyz·2024-01-03 22:08

Vue3 PropType

PropTypeimport{defineComponent,PropType}from'vue'exportinterfaceColumnProps{id:string;title:string;avatar:string;description:string;}exportdefaultdefineComponent({name:'ColumnList',props:{list:{type:A
MINO吖·2024-01-03 22:06

vue3项目创建

安装node.jsvue--version（4.5.0以上）npminstall-g@vue/clivuecreate项目名称npmrundev启动npmrunbuild打包————————vite创建工程npmcreatevue@latestnpminpmrundev启动npmrunbuild打包=====================项目结构.vscodeextensions.json插件n
20岁30年经验的码农·2024-01-03 22:00

重新认识一下 vue3 应用实例

重新认识一下vue应用实例创建应用实例每个Vue应用都是通过createApp函数创建一个新的应用实例应用实例必须在调用了.mount()方法后才会渲染出来。该方法接收一个“容器”参数，可以是一个实际的DOM元素或是一个CSS选择器字符串//main.jsimportAppfrom'./App.vue'import{createApp}from'vue'constapp=createApp(App
鱼肚白@99·2024-01-03 22:53

Nginx入门

Nginx入门基础Nginx下载首先进入nginx的官方网站，找到下载地址，nginx的安装方式有多种，通过源码编译安装以及通过包安装，这里为了简单使用包安装，下载地址Installtheprerequisites
第五轻柔c·2024-01-03 21:34

一文带你真正理解 JavaScript

近年在市场表现和产品竞争力方面表现较为突出，采用的是最新主流前后分离框架（SpringBoot+Mybatis-plus+Ant-Design+Vue3）。
白日梦批发商·2024-01-03 21:18

[vue3快速入门] 1.vue的数据驱动

vue3constvueApp=Vue.createApp({data(){return{message:'托尼，你好',}},template:`{{message}}`,})vue
林哥学前端·2024-01-03 20:11

前端插件库-VUE3 使用 vue-codemirror 插件

VUE3插件vue-codemirror使用步骤和实例、基于CodeMirror，适用于Vue的Web代码编辑器。
凉生阿新·2024-01-03 19:32

不知道AIGC是什么？近屿智能OJAC第六期AIGC深度训练营，带您从入门到精通！

别人教你ai工具的简单使用，我们教你掌握AI大模型的构建、增量预训练、微调技术，并应用于实际软硬件AI产品的开发。为了让更多的学
Oven_OJAC·2024-01-03 19:01

vue3 自定义指令

本文主要重点学习一下Vue3中自定义指令如何使用？主要应用场景：防抖、图片懒加载、一键Copy的功能、拖拽、页面水印、权限校验、输入框自动聚焦、相对时间转换、下拉菜单自定义指令注册自定义指令全
qq_45438471·2024-01-03 19:50

MockServer简单使用记录

下载源码下载git源码：gitclonehttps://github.com/mock-server/mockserver.git通过执行文件编译成jar包./mvnwcleanpackage可能会报错。启动命令java-jar./mockserver-netty-jar-with-dependencies.jar-serverPort1080-proxyRemotePort80-proxyRem
meimaotai·2024-01-03 18:39

JavaScript中filiter/map/reduce高阶函数简单使用案例

本文为本人近期学习Vue心得及笔记分享，如有错误，多多包涵。源于视频https://www.bilibili.com/video/BV15741177Eh?p=44//高阶函数补充constnums=[10,20,123,1264,74,712,6,437];//filter/map/reduce//高阶函数//1.filter过滤(筛选)//filter中的回调函数有一个要求必须返回一个bool
HswWnmbepl7rq7W·2024-01-03 18:28

vue3引入高德地图流程（key和秘钥），仅需三步

步骤一：申请key和秘钥步骤二：安装@amap/amap-jsapi-loader依赖cnpmi@amap/amap-jsapi-loader//或者yarnadd@amap/amap-jsapi-loader步骤三：importAMapLoaderfrom"@amap/amap-jsapi-loader";import{onMounted,onUnmounted}from"vue";letmap
第7个前端·2024-01-03 17:07

Vue3使用高德地图，自定义InfoWindow窗口

html部分关闭script部分const{proxy}=getCurrentInstance()asany;//省略一万行infoWindow.setContent(proxy.$refs.devinfowin)看下效果
第7个前端·2024-01-03 17:04

总结一下 vue2 组件之间的通信

start最近在学习vue3，在学习vue3的之前。
upward_tomato·2024-01-03 17:03

Vue之组件间传值

何为组件间传值在Vue3之组件文章中，我们学会了定义使用组件，但是我们似乎还缺少什么将组件之间联系起来，说到组件之间的联系就不得不提组件间的传值，而组件间的传值其实也不难理解，就是如何在子组件中接收到父组件传递到值
职场007·2024-01-03 17:03

vue3组件间通信

目录父子组件1.props（父传子）2.emit（子传父）3.ref（子传父）4.provide/inject（祖孙、父子组件）兄弟组件1.mitt使用方法1：单文件方法使用方法2：全局挂载使用父子组件1.props（父传子）props是最常见的父子组件通信的方式父组件：子组件：（Demo09b组件）在单文件中使用,props可以使用defineProps()来定义import{definePro
tingkeiii·2024-01-03 17:02

Vue3组件间通信知识整理——兄弟组件之间通信

能看到Vue3文章的各位，相信eventBus大家都不陌生。eventBus——事件总线，作为Vue2.x兄弟组件通信的方案。
阿Der·2024-01-03 17:59

【Vue3组件间通信理解】

Vue3组件通信方式方式一：props方式二：自定义事件方式三：mitt方式四：v-model方式五：$attrs方式六：refs,parent方式七：provide,inject总结来源于尚硅谷vue3
问剑白玉京·2024-01-03 17:27

vue3时间获取

根据自己需要进行选择使用，有静态时间和动态时间newDate()：获取当前时间getFullYear()：获取年份getMonth()：获取月份getDay()：获取天getHours()：获取小时getMinutes()：获取分钟getSeconds()：获取秒数第一种方法测试{{format}}//01constformat=computed(()=>{constoDate=newDate()
@tg6666666666666·2024-01-03 17:27

代码随想录刷题笔记（DAY 7）

今日总结：前端开始学习vue3的新特性，花费时间比较多，今天的题目后面有点难度，明天抽时间复习一下。
*Soo_Young*·2024-01-03 17:38

快速打通 Vue 3（二）：响应式对象基础

很激动进入了Vue3的学习，作为一个已经上线了三年多的框架，很多项目都开始使用Vue3来编写了这一组文章主要聚焦于Vue3的新技术和新特性如果想要学习基础的Vue语法可以看我专栏中的其他博客Vue（一）
*Soo_Young*·2024-01-03 17:38

快速打通 Vue 3（一）：基本介绍与组合式 API

很激动进入了Vue3的学习，作为一个已经上线了三年多的框架，很多项目都开始使用Vue3来编写了这一组文章主要聚焦于Vue3的新技术和新特性如果想要学习基础的Vue语法可以看我专栏中的其他博客Vue（一）
*Soo_Young*·2024-01-03 17:37

快速打通 Vue 3（三）：Vue3 中的 watch 监听器与新特性

很激动进入了Vue3的学习，作为一个已经上线了三年多的框架，很多项目都开始使用Vue3来编写了这一组文章主要聚焦于Vue3的新技术和新特性如果想要学习基础的Vue语法可以看我专栏中的其他博客Vue（一）
*Soo_Young*·2024-01-03 17:31

Vue3 watch 的使用，如何监听一个对象中的属性值的变化 vue3 + ts + vite

Vue3watch的使用，如何监听一个对象中的属性值的变化由vue2转到vue3+ts+vite之后都不会写这些玩意了。
十月ooOO·2024-01-03 16:24

前端学习笔记 4：Element Plus

创建好后就可以按照官方文档中的指示，在工程目录下安装Element依赖：npminstallelement-plus--save注意，Element和ElementPlus是两个不同的项目，前者适用于Vue2.X，后者适用于Vue3
魔芋红茶·2024-01-03 15:01

Vue-响应式数据

一、ref创建基本类型的响应式数据vue3可以使用ref、reactive去定义响应式数数据。
夏天的冬雪·2024-01-03 15:39

SVG 文件的引入方式之一：以 URL 的方式引入 SVG 文件，vue2、vue3+Vite vite-svg-loader

SVG文件的引入方式之一：以URL的方式引入SVG文件，vue2、vue3+Vitevite-svg-loader〇、前言：本篇将介绍：vue2使用require()引入svg使用vue3+ts+vite
十月ooOO·2024-01-03 14:01

Vue3 前端验证码实现

Vue3前端验证码实现1.下载identify插件npmiidentify--save2.在components目录下新建文件SIdentify.vue，代码如下：import{onMounted,watch
-沐云枫-·2024-01-03 14:08

vue3 router

小tips：vscode插件：jsontots,使用：选中：ctrl+shift+alt+s安装：npminstallvue-router-Svue3使用router4版本vue2使用router3版本使用
榴莲患者·2024-01-03 14:28

安装jupyter notebook，jupyter notebook的简单使用

借助anaconda安装jupyternotebook，先下载anaconda然后在AnacondaPrompt中输入命令：输入"jupyternotebook",在默认浏览器中打开jupyternotebook。输入"jupyternotebook--no-browser"，启动服务器，但不打开浏览器，在终端中复制地址信息（URL，以http打头的网址），在任意浏览器中粘贴该URL，便可进入ju
疯疯癫癫才自由·2024-01-03 13:30

VUE3+TS（11）

硅谷甄选第十一天：2023-12-18:删除数据的时候，需要判断，若删除数据后，当前获取到的数组长度小于1，则页面获取上一页信息，否则就在当前页面。getSkuData(skuArr.value.length>1?pageNo.value:pageNo.value-1)动态组件：组件之间互相切换。：is的值可以是被注册的组件名导入的组件对象对表单校验。若想将数据都通过表单后再进行下一步操作，需要利
L北杳·2024-01-03 13:52

PyH-0.1.1安装及简单使用

安装：由于使用PyCharm和pip都无法安装成功，最终使用手动下载方式安装PyH-0.1.1，下载地址：GoogleCodeArchive-Long-termstorageforGoogleCodeProjectHosting.https://code.google.com/archive/p/pyh/downloads下载后文件内容如下图：。将pyh.py拖到.\venv\Lib\site-p
布伦鸽·2024-01-03 12:46

Android--Jetpack--WorkManager详解

目录一，定义二，特点三，作用四，角色五，简单使用1，添加依赖2，创建自己的worler并继承worker3，在activity中使用4,点击按钮输出如下六，数据传递1，创建worker2，在activity
袁震·2024-01-03 12:26
上一页 107 108 109 110 111 112 113 114 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他