vue3基础语法

vue动态绑定事件、传递参数

下面的代码示例就采用vue2了，vue3也是一样的。v-bind相信大家对vue的父传子已经很熟悉了。
会说法语的猪·2024-08-29 14:38

【菜狗学前端】 初探TS（结合在vue3中的使用）

简单来说:Ts是带类型语法的Js;Ts是Js的超集TS官方网站：https://www.typescriptlang.org/TS中文官网：https://www.tslang.cn/一、基础语法js已有类型
佛系菜狗·2024-08-29 11:21

关于C语言的各类知识点汇总—复习第一天

基础语法基本数据类型整型（int）：用于表示整数，通常占用4个字节。短整型（shortint）：占用的字节数比int少。长整型（longint）：占用的字节数比int多。
ZH-edifier·2024-08-29 07:28

Java必知必会-基础篇

说明：《Java必知必会》是一档专为Java学习者设计的专栏，旨在帮助读者系统地掌握Java编程语言的核心知识，从基础语法到高级特性，从理论应用到实战演练，一站式解决你的Java学习难题。
探索星辰大海·2024-08-29 05:13

一文带你读懂vue3中directive指令的那些事

概述vue3中内置了很多丰富实用的指令，如v-show、v-if/v-else或v-model等，但是实际开发中可能我们还需要某些统一的处理，比如交互按钮的防抖，输入框的自动focus等，这时我们就可以通过
Jinuss·2024-08-29 05:11

MyPrint打印设计器（二）vue3 实现历史步骤记录

通过vueuse中的useManualRefHistory，快速实现历史操作记录所需环境：vue实现目标历史记录撤销重做记录覆盖代码原理把键盘监听事件挂载在document上，当键盘事件发生时，依次匹配事先订阅的快捷键/单按键事件，如果有匹配到对应的订阅，则进行事件回调，并且停止键盘事件的回调。按下的按键进行转换，把mac/win的键盘差异进行了兼容实现效果vue历史记录实战核心代码import{
那叫一个优雅·2024-08-29 04:37

python进阶语法---异常处理

一、基础语法异常处理的基本语法如下：try:#可能会引发异常的代码risky_code()exceptSomeExceptionase:#处理异常的代码print(f"Anerroroccurred:{
鲨鱼学python·2024-08-29 04:36

Vue3的Suspense：Suspense是Vue3的另一个新特性，它允许我们在等待异步组件时渲染一些“备用”内容，提高了用户体验。

I.引言A.对Vue3的简要介绍：Vue.js是一款开源JavaScript框架，用于构建用户界面和单页面应用。自从2004年发布以来，Vue.js在全球开发者社区中受到广泛欢迎。
哎 你看·2024-08-29 01:46

vue3 基础用法

vue3的基础用法对于MVVM的理解双向绑定a.语义化模版提升开发效率b.MVC：把系统应用分为：model（操作的dom，数据结构）|view（渲染出来的视图dom）|controller（更新的调度
weixin_44101835·2024-08-28 23:31

【来来来，我看看是谁不点我】Nuxt3入坑记--JS版

开发更快打包更小支持vite支持vue3支持自动引入支持文件路由支持布局系统支持多种渲染模式支持typescript支持composition-apiNuxt3目录结构#目錄說明#.nuxt本地运行
Bug从此不上门·2024-08-28 20:09

vue2的el-select虚拟下拉

说明vue3的的el-select，ElementPlus封装了虚拟下拉的写法，但是有些vue2版本的el-select却没办法用虚拟下拉。如果下拉列表数据量大的话，很导致极度卡顿。
前端没钱·2024-08-28 20:37

Markdown基础语法

一级标题二级标题三级标题四级标题五级标题六级标题无序列表文本文本文本有序列表文本文本文本链接和图片这是一张图片引用一盏灯，一片昏黄；一，一杯淡茶。守着那一份淡定，品读属于自己的寂寞。保持淡定，才能欣赏到最美丽的风景！保持淡定，人生从此不再寂寞。诗歌引用朝辞白帝彩云间千里江陵一日还两岸猿声啼不住轻舟已过万重山粗体和斜体一盏灯一片落叶一个大西瓜删除##原价99元代码引用printf("%s","hel
ANPULI·2024-08-28 19:53

Vue3中的reactive，shallowReactive，ref，shallowRef；readonly，shallowReadonly； toRaw，markRaw简单介绍

reactive：深度劫持（深监视）shallowReactive：浅度劫持（浅监视）ref:深度劫持（深监视），做了reactive的处理shallowRef：不做监视readonly:只读属性的数据，深度只读conststate2=readonly(state)shallowReadonly:只读的数据，浅只读的toRaw:·作用：将一个由reactive生成的响应式对象转为普通对象·使用场景
会说法语的猪·2024-08-28 17:21

VUE3-shallowReactive函数与shallowRef函数（14）

当前的x.y值是：{{x.y}}点我替换x点我x.y++
「已注销」·2024-08-28 17:20

Vue3+TS Element Plus 中Table同时只能展开一行且能关闭

el-table有展开行功能，但是展开多行并不好看，所以需要设置expand只展开一行，用expand-change可以实现。@expand-change=""//展开或是关闭时执行的函数:expand-row-keys=""//设置当前展开行，要求值为数组(白话就是存放在这个数组的ID会在页面中展开,没有就不会展开):row-key=""//设置行的唯一标识，用于配合expand-row-key
lemontree-xy·2024-08-28 16:40

vue事件监听

我们可以使用v-on指令(简写为@)来监听DOM事件，并在事件触发时执行对应的1.回车事件（点击回车触发）@confirm适用[email protected]适用vue3运用场景：通常在文本框输入的时候使用
小汤猿人类·2024-08-28 15:03

java.io.FileInputStream

（硬盘—>内存）常用的方法intread()FileInputStreamfis=null;try{//创建文件字节输入流对象//以下都是采用了：绝对路径//文件路径：E:\学习\Java\代码相关\基础语法
言叶.·2024-08-28 14:01

vue3 集成天地图，完美实例

在Vue3中，你可以使用天地图JavaScriptAPI进行集成。
cesske·2024-08-28 14:27

如何使用Vue 3和Type Script进行组件化设计

在Vue3中，CompositionAPI是一种全新的逻辑复用和代码组织方式，它允许你将组件的逻辑（如响应式状态、计算属性、方法、生命周期钩子等）封装到单独的函数中，从而提高了代码的可复用性和可维护性。
yang295242361·2024-08-28 10:06

vue3插件原理

概览vue3的生态圈提供了许多方便的插件或者工具，比如pinia、vue-router和ElementPlus等，使用插件的写法一般如下:constapp=createApp(App);app.use(
Jinuss·2024-08-28 10:04

基于 Vue 3 和 Element Plus 构建图书管理系统

基于Vue3和ElementPlus构建图书管理系统本文将介绍如何使用Vue3和ElementPlus构建一个简单的图书管理系统。
前端第一深情·2024-08-28 09:00

vue3+uniapp+springboot开发校园点餐系统/微信点餐小程序03-项目路由安装

项目效果展示项目效果展示提示：本项目带全程视频讲解教程+源码文章目录项目效果展示前言一、项目配置别名1.vite.config.ts配置文件，添加如下配置2.vite配置别名依赖安装3.tsconfig.json里面添加如下代码4.如果别名配置还报错的，src下新建vite-env.d.ts二、安装路由1.安装依赖2.新建路由文件3.main.ts里面引入路由4.修改App.vue为如下所示前言提
java项目实战教程·2024-08-28 08:25

使用Vite+Vue3创建Cesium项目

Vite+Vue3+Cesium项目模版Cesium是AGI公司计算机图形开发小组与2011年研发的三维地球和地图可视化开源JavaScript库，Cesium一词来源于化学元素铯，铯是制造原子钟的关键元素
IT界胖猫·2024-08-28 03:49

【Vue3 工程自动化】自动导入多个组件

工程自动化参考视频概述在前端工程中，如果一个文件夹中的模块需要频繁引用，则可以使用如下自动化方式，实现一次性引入。一、Vue2.X版本：require.context()require.context(dirname,useSubdirectories,RegExp)是一个webpack的api，通过该函数可以获取一个上下文，从而实现工程的自动化（遍历文件夹的文件，从中获取指定文件，自动导入模块）
MagnumHou·2024-08-28 03:17

vue3 - element-plus 实现图片上传到服务器及预览、删除功能，支持显示进度条、上传失败错误占位的超好用的图像上传组件（详细运行示例及完整组件源码，一键复制开箱即用）

效果图本博客实现了vue3项目中，借助elementplus上传组件，实现二次封装上传组件，支持放大预览、删除、上传进度条、图片回显、上传服务器完整示例源码及详细步骤流程。
街尾杂货店&·2024-08-27 23:24

二、Vue3与element-ui插件集成

1、安装element-uinpminstallelement-plus--save官方网址：https://element-plus.gitee.io/zh-CN2、添加按钮小图标npmi@element-plus/icons-vue如果引入的时候，出现错误，tsconfig.json文件中，修改："moduleResolution"设置为"node"3、引入国际化会importElementP
程序员小蛋·2024-08-27 23:24

vue3+elementPlus：无法清空问题，清空表单没效果

查询清空清空表单constformRef=ref()formRef.value.resetFields();发现没起作用最后才意识到el-form-item标签上面必须有prop改成下面的就可以啦查询清空
肖肖肖丽珠·2024-08-27 23:22

Vue3背景设置

图片存放在assets下样品展示html{width:100px;height:100px;}body{width:100px;height:100px;}#background{  //图片路径background-image:url("../assets/image/3379.jpg");width:100%;height:100%;position:fixed;background-size
遇意·2024-08-27 22:17

04 vue3之to系列全家桶

toReftoRefstoRawtoRef如果原始对象是非响应式的就不会更新视图数据是会变的如果原始对象是响应式的是会更新视图并且改变数据的针对响应式的有效修改某个对象的key值非响应式视图不会改变，源码没做依赖收集和更应依赖，做了会导致BUG会触发两次{{j}}toRefimport{ref,reactive,toRef,toRefs,toRaw}from"vue";letj=reactive(
流氓也是种气质 _Cookie·2024-08-27 22:43

03 vue3之Reactive全家桶

reactive用来绑定复杂的数据类型例如对象数组AarryObjectsetmapreactive源码约束了我们的类型他是不可以绑定普通的数据类型这样是不允许会给我们报错import{reactive}from'vue'letperson=reactive('sad')绑定普通的数据类型我们可以使用ref你如果用ref去绑定对象或者数组等复杂的数据类型我们看源码里面其实也是去调用reactive
流氓也是种气质 _Cookie·2024-08-27 22:13

vue2/3 - 实现高德地图根据位置经纬度获取天气信息，vue使用高德地图根据当前定位读取天气（温度、风向、风速等），可在地图上进行标记高亮展示天气信息，显示地图和查询天气（详细示例代码，复制即用）

效果图在vue2、vue3项目开发中，利用高德地图根据地理位置获取查询天气信息，详细vue高德地图根据经纬度或城市名获取天气数据，并在地图上标记气泡弹框式展示出来。
街尾杂货店&·2024-08-27 12:44

vue3项目中引入高德地图

第一步登陆高德开放平台，申请密钥第二步安装高德地图加载器npmi@amap/amap-jsapi-loader--save第三步在index.html中引入window._AMapSecurityConfig={securityJsCode:'你的安全密钥',//所申请的安全密钥注意这是安全密钥而不是key}第四步点标记获取详细地址和天气信息城市/区：{{state.weather?.provin
阿怪睡不着·2024-08-27 12:42

Vue3 递归组件

在此之前，你必须掌握：html+css+js+Vue3基础用法，至少需要知道Vue组件是什么。用法讲解在讲解递归组件之前，我们需要先了解几个概念。什么是递归？
德育处主任Pro·2024-08-27 10:26

【长文细说】20个ElementPlus核心组件以及使用技巧

ElementPlus是一个基于Vue3和Vite的组件库，它提供了一套丰富的UI组件，用于构建高质量的网页应用程序。
威哥爱编程（马剑威）·2024-08-27 09:24

Vue3实现word预览

1.安装依赖pnpminstall@vue-office/docx2.页面导入//导入依赖importVueOfficeDocxfrom"@vue-office/docx";//导入样式文件import"@vue-office/docx/lib/index.css";3.使用（这里使用是文件上传方式）可以直接是在线地址importVueOfficeDocxfrom"@vue-office/docx
淑子啦·2024-08-27 02:43

vue3使用富文本

1、下载pnpminstall@wangeditor/editor@wangeditor/editor-for-vue2、引入和使用import'@wangeditor/editor/dist/css/style.css';import{Editor,Toolbar}from'@wangeditor/editor-for-vue';import{onBeforeUnmount,ref,shallo
淑子啦·2024-08-27 02:43

如何在Vue3中使用Vue.prototype

前端菜鸟最近在开发新的项目，准备用Vue3，遇到了一些问题在2.X版本中创建一个vue实例是通过newVue()来实现的，到了3.X中则是通过使用createApp这个API返回一个应用实例，并且可以通过链条的方式继续调用其他的方法话不多说
淑子啦·2024-08-27 02:42

C++基础语法:异常处理(一)

前言"打牢基础,万事不愁".C++的基础语法的学习."
jllws1·2024-08-26 21:36

封装fetch请求

fetch请求对IE不友好，而Vue3也IE不友好，那么之后在创建Vue3项目的时候是不是可以尝试用Vue3+fetch去代替axios呢？当然也不知道行不行，所以先记录下我对fetch的封装。
略略大魔王丶·2024-08-26 20:35

C++基础语法:while的使用

前言"打牢基础,万事不愁".C++的基础语法的学习."
jllws1·2024-08-26 20:33

create-react-app集成antd-mobile，customize-cra扩展配置addLessLoader，lessOptions,fixBabelImports，实现主题定制和按需加载

听之前同事说uni-app坑多（高手勿喷，本人小白，没学过uni，不了解，仅仅听别人说，勿骂），另外最近taro比较活跃，并且可以使用react语法开发（也支持了最新的vue3）,果断放弃uni-app
凉菜凉凉·2024-08-26 18:05

Vue2 - 详细实现解析富文本内容生成侧边栏Toc目录索引，识别富文本内容根据标题h1~h6自动生成文章目录，点击目录导航时跳转到文章内容对应的锚点位置带过渡动画，鼠标滚动内容滑过锚点时高亮对应标题

前言如果您需要Vue3版本，请访问这篇文章。
王佳斌·2024-08-26 17:03

JS基础第一天

网页外貌JS----网页动作JavaScriptbrowser的唯一脚本语言，通常运行在browser里的编程语言node.js服务端编程,用可以作后端编程语言JS组成ECMAScript规则:规定js基础语法
JustinLaw·2024-08-26 15:25

创建前端项目中架构基本流程(vue版)

.md》整理编辑，不涉及具体项目实现，只整理项目前期准备的流程，具体项目实现可bilibili搜索黑马程序员获取此文档梳理搭建vue项目的基本流程及相应模板的创建本项目的技术栈本项目技术栈基于ES6、vue3
小徐努力中·2024-08-26 15:50

Vue3组件（18）组件间传值/共享的方法的汇总

方法集合父组件.png目前只能想到这些了，对了，还有事件总线这类的就不考虑了。props+emit最基础的方式，适用于父组件和子组件之间的直接传值，多用于基础控件，比如input、el-input、el-select这类。比较基础不多介绍了。Vuex老牌的状态管理方式，各种组件之间各种传值，好吧专业术语叫做状态管理。使用方法呢，其实就是一层窗户纸，捅破了大家就都知道了，这里不介绍了，可以看我的文集
自然框架·2024-08-26 12:56

单HTML文件集成vue3+ElementPlus的使用

1、新建一个HTML文件2、HTML文件引用vue3.js3、引用elementplus.js和elementplus.css4、Vue初始化ElementPlus5、页面中可以使用ElementPlus
bjzhang75·2024-08-26 08:07

vue ref和reactive区别

Vue3中的ref和reactive都是用于创建响应式数据的API，但它们在数据类型、使用方式、访问方式、设计理念以及应用场景等方面存在明显的区别。
灰海·2024-08-26 08:32

Python文件操作02（自动化测试文件相关操作）

Python基础语法文章导航：Python基础（01初识数据类型&变量）Python基础（02条件&循环语句）Python基础（03字符串格式化&运算符&进制&编码）Python基础（04基础练习题）Python
小彭向前冲·2024-08-26 04:11

vue3生命周期源码浅析

概述生命周期在Vue3中是一个很重要的概念，它允许我们在特定的时间点执行一些代码，比如在组件创建、更新和销毁时执行一些操作。
Jinuss·2024-08-25 22:35

《TypeScript》 - 基础语法

TypeScript程序由以下几个部分组成：模块函数变量语句和表达式注释tsc常用编译参数如下表所示：--help：显示帮助信息--module：载入扩展模块--target：设置ECMA版本,"ES3"（默认），'--target'optionmustbe:'es3','es5','es6','es2015','es2016','es2017','es2018','es2019','es2020
张中华·2024-08-25 21:18
上一页 6 7 8 9 10 11 12 13 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他