玩转Vue3全家桶第21页

vue3 - 21.定义全局函数&变量

$varName=()=>{}定义全局函数和变量：vue3的写法：constapp=createApp(App)app.config.globalProperties.

啦啦朵朵·2024-02-08 18:24

vue3使用高德地图API-自定义搜索并加载marker、点击marker显示infoWindow（踩坑日记）

vue3使用高德地图API（踩坑日记）注意点：1、marker的显示上：要么直接在marker的配置项中使用map，要么使用map.add(marker)直接在地图上加，尽量不要两则都用，推荐在配置项指定显示的

羅森林·2024-02-08 18:24

Vue3使用高德地图、搜索、地图选点、以及省市区三级联动

1、准备工作需要在高德开发平台申请自己的key和密钥这里的Key名称大家可以随意填写申请完之后我们得到key和密钥vue中使用需要安装**@amap/amap-jsapi-loader--save**官方文档npmi@amap/amap-jsapi-loader--save2、代码实现首先我们需要三个文件，一个index.vue一个用来存放省市区的index.js文件一个map.vue地图组件in

会编码的派大星·2024-02-08 18:23

股票量化系统QTYX选股框架实战案例集｜光伏衍生出动力电池，狙击后排补涨套利10点绝处逢生-240111...

关于QTYX的使用攻略可以查看链接：QTYX使用攻略关于QTYX初衷和精髓可以查看链接：《玩转股票量化交易》精华内容目前开启实盘测试阶段，分享基于QTYX的选股框架选出个股的过程。

元宵大师·2024-02-08 18:22

股票量化系统QTYX选股框架实战案例集｜中字头带领市场V型反转，支持GJ队躺赢10点大肉-240126...

关于QTYX的使用攻略可以查看链接：QTYX使用攻略关于QTYX初衷和精髓可以查看链接：《玩转股票量化交易》精华内容目前开启实盘测试阶段，分享基于QTYX的选股框架选出个股的过程。

元宵大师·2024-02-08 18:22

Vue3封装全局函数式组件

文章目录前言一、函数式组件是什么？二、创建一个函数式组件1.封装toast组件2.创建应用实例3.注册插件（可省略）Q&A:补充一些注释①：为什么采用调用函数方法的方式去控制显隐②：函数式组件的这两个文件之间的联系三、调用1.注册插件后在.vue文件内获取全局方法2.可不注册插件，在.vue或.js文件内直接调用方法四、优化改进1、单例模式（推荐）2、多个提示弹窗3、简化传参总结扩展阅读前言相信大

前端咸鱼翻身·2024-02-08 18:22

vue3+ts 引入高德地图并使用地图选点和搜索

引入高德地图npmi@amap/amap-jsapi-loader--save在index.html引入window._AMapSecurityConfig={securityJsCode:'',//你的密钥}创建map.vue组件确定{{item.name}}地址：{{item.address}}import{shallowRef,defineEmits,defineComponent,ref,

久爱@勿忘·2024-02-08 18:21

vue3挂载全局方法

比如某个js方法，项目很多地方都能用到，每次去重新写一遍太麻烦，放在一个js里面，每次去引入也懒得引，就可以挂载在全局上1.创建tool.js文件，里面放常用的方法consttools={getCurrentTim(){constcurrentTime=newDate();constyear=currentTime.getFullYear();constmonth=currentTime.getM

一个打工仔的笔记·2024-02-08 18:49

vue3的全局组件，函数和变量

vue3的全局组件，函数和变量全局组件：use关键字importMyUIfrom'@/components'constapp=createApp(App)app.use(MyUI)app.mount('

monana6·2024-02-08 18:49

Vue3水印（Watermark）

APIs参数说明类型默认值必传width水印的宽度，默认值为content自身的宽度numberundefinedfalseheight水印的高度，默认值为content自身的高度numberundefinedfalselayout水印的布局方式：平行布局parallel;交替布局alternate‘parallel’|‘alternate’‘alternate’falserotate水印绘制时，

theMuseCatcher·2024-02-08 18:48

Vue3使用全局函数或变量的两种常用方式

例如：想要在index.ts中创建getAction函数，并可以全局使用：import{http}from'@/utils/axios'exportfunctiongetAction(url:string,params:object){returnhttp.request({url:url,method:'get',params:params})}方式一：使用依赖注入（provide/inject

theMuseCatcher·2024-02-08 18:15

Vue3创建项目方式及步骤

一、使用vue-cli创建1、文档链接为：https://cn.vuejs.org/guide/quick-start.html#creating-a-vue-application2、使用的语句有：npminstall-g@vue/cli======之前已安装vue--version======确保版本在4.5.0以上vuecreate项目的名称选择Manuaselectfeatures选上Ty

一起来学计算机·2024-02-08 17:42

创建一个VUE项目（vue2和vue3）

背景：电脑已经安装完vue2和vue3环境一台Mac同时安装vue2和vue3https://blog.csdn.net/c103363/article/details/136059783创建vue2项目

c103363·2024-02-08 17:39

Vue----导航守卫

文章目录3.5导航守卫3.5.1全局前置守卫3.5.2守卫方法的3个形参3.5.3next函数的3种调用方式3.5.4控制后台主页的访问权限src/router/index.js3.5导航守卫Vue2与Vue3

萤火虫的小尾巴·2024-02-08 17:05

vue3 配置自动导入API和组件

1.vue3自动导入原理：预加载前，该插件自动按需导入了，在本vue文件中使用api和组件而编写代码的时候，就无需import了注意并不是全局导入，并不会影响到资源文章目录1.vue3自动导入2.API

野生切图仔·2024-02-08 17:14

vue3：25—其他API

目录1、shallowRef和shallowReactive2、readonly与shallowReadonlyreadonlyshallowReadonly3、toRaw和markRawtoRawmarkRaw4、customRef1、shallowRef和shallowReactiveshallowRef1.作用:创建一个响应式数据，但只对顶层属性进行响应式处理。2.用法:letmyVar=s

有蝉·2024-02-08 17:11

#Vue3：shallowRef--shallowReactive--readonly--shaloowReadonly--toRow--markRow--customRef--Teleport--传

shallowRef----一层这整体修改性能更高浅层次的.value一层可以后面的层次就不行了shallowReactive–关注第一层绕开深度响应。readonly–只读属性letsum1=ref(0)letsum2=redaonly(sum1)letcar1=reactive({barnd:'奔驰'，options:{color:red}})letcar2=readonly(car2)sha

前端xiaolibao·2024-02-08 16:39

#Vue3：组件通信--props-emit = definEmit([‘submit‘])---子传父--mitt--v-model--provide inject--pinia--slot

v-model.numbernanoiduuid生成唯一idpinia菠萝可以修改数据countStore.sum=1批量修改contStore.$patch({sum:222})actions:increment(value){//this代表当前的store}}storeTorefs$subscribe订阅—刷新不会丢失组合式return{}组件通信-props字传父父传子-自定义事件cons

前端xiaolibao·2024-02-08 16:09

2024年幻兽帕鲁服务器搭建教程(详细图文)

玩转幻兽帕鲁服务器，阿里云推出新手0基础一键部署幻兽帕鲁服务器教程，傻瓜式一键部署，3分钟即可成功创建一台Palworld专属服务器，成本仅需26元，分享2024年新版基于阿里云搭建幻兽帕鲁服务器教程：

腾讯云服务器活动·2024-02-08 15:37

深资玩家的秘诀——想要玩转南红，这几点尤为重要！

如今，在文玩市场中，南红玛瑙可以说是风声水起，受到很多人的喜欢，不少人对南红疯狂追逐，一股南红热席卷整个文玩圈。那么想要成为一名真正的南红玩家，需要做到哪几点呢？一、量力而为收藏和投资南红，一定要在不影响家庭生活状况的前提下，方可行动。如果不顾这一点，只任意妄为的放肆大买，把所有的资金都投在这上面，那么一定会使生活混乱。因此，建议玩家投资前一定要想清楚，量力而为才是正确的抉择。二、投资与个人喜好分

五柳文玩华掌柜·2024-02-08 15:02

vue3的常用功能

`目录下所有`vue`组件并以组件的文件名为组件的名称2.2、使用这个插件2.3、为全局组件添加类型提示三、函数式图片预览四、手动封装`svgIcon`组件五、封装拖拽钩子函数六、`vscode`中`vue3

小马甲丫·2024-02-08 14:24

Vue3+elementplus实现弹窗功能

父组件：constprizeDialogVisible=ref(false);constopenPrizeDialog=()=>{prizeDialogVisible.value=true;};constgetPrizeMsessage=(params)=>{console.log('333',params);};子组件：取消保存props:{prizeVisible:{type:Boolean,

与月儿漫邀·2024-02-08 13:54

vite+vant+vue3新闻客户端app（三）

一、文章搜索1.1创建组件并配置路由1、创建src/views/search/index.vue2、然后把搜索页面的路由配置到根组件路由（一级路由）{path:'/search',name:'search',component:Search},3、在home.vue配置路由跳转1.2页面布局Search组件提供了search和cancel事件，search事件在点击键盘上的搜索/回车按钮后触发，c

与月儿漫邀·2024-02-08 13:53

《这样写出好故事》读后记

这样写出好故事：玩转情节与结构(美)詹姆斯·斯科特·贝尔摘录于2019年7月LOCK代表主角（Lead）、目标（Objective）、冲突（Confrontation）和冲击结尾（Knockout）。

文心之·2024-02-08 13:14

vue3项目keepAlive使用方法详解

常用的用法是将组件或者路由缓存，现有的用法vue2.x与vue3.x有部分差别。以下主要将keepaliev在vue3.0中的用法。

Trank-Lw·2024-02-08 13:47

（杂项笔记）VS Code好用的插件推进

Simplified)LanguagePack3、CodeSpellChecker4、JavaScript(ES6)codesnippets5、MithrilEmmet6、PathIntellisense7、Vue3Snippets8

玻璃瓶和纸飞机·2024-02-08 12:19

vue3.0 watch函数案例

App.vue代码：importDemofrom'./components/Demo'exportdefault{name:'App',components:{Demo}}Demo代码：当前求和为：{{sum}}点我+1当前的信息为:{{msg}}修改信息姓名：{{person.name}}年龄：{{person.age}}修改姓名增长年龄import{ref,reactive,watch}fro

前端程序员路易·2024-02-08 12:20

Vue3之watch的最简用法

watch用法参数一：要监测的值或值数组。（也可直接放入对象，不建议）参数二：回调函数。接收两个参数，newValue和oldValue。参数三：配置项对象。immediate、deep…1、监测一个ref数据。letsum=ref(0);watch(sum,(newVal,oldVal)=>{console.log('sum的值被改变了',oldVal+'==>'+newVal);});2、监测

雨落Liy·2024-02-08 12:20

vue2/3项目中使用Vue Carousel 3D实现 Carousel 3D 轮播

文档为英文，中文可参考这位Vue3D轮播插件vue-carousel-3d_memory_zzz的博客-CSDN博客以上API过少，可以使用ref绑定，通过onSlideChan

毒蚊子D·2024-02-08 12:19

vue3中 watch、watchEffect区别

通过官网上的介绍得出如下简单的结论1、watch是惰性执行，也就是只有监听的值发生变化的时候才会执行，但是watchEffect不同，每次代码加载watchEffect都会执行（忽略watch第三个参数的配置，如果修改配置项也可以实现立即执行）2、watch需要传递监听的对象，watchEffect不需要3、watch只能监听响应式数据：ref定义的属性和reactive定义的对象，如果直接监听r

默默无闻的小人物·2024-02-08 11:37

Rhino.Inside.Revit批量删除Revit项目参数

你好，这里是BIM的乐趣本篇文章先开个头，开始我们的Rhino.Inside.Revit之旅，看看如何在Grasshopper中玩转Revit，那么接下来就进入今天的主题，批量删除Revit项目参数。

九哥BIMer·2024-02-08 10:38

基于Naive UI封装的loading自定义指令

NaiveUI是一个Vue3的组件库。

小木木爸·2024-02-08 10:35

格子表单GRID-FORM | 文档网站搭建（VitePress）与部署（Github Pages）

格子表单/GRID-FORM已在Github开源，如能帮到您麻烦给个星GRID-FORM系列文章基于VUE3可视化低代码表单设计器嵌套表单与自定义脚本交互文档网站搭建（VitePress）与部署（GithubPages

集成显卡·2024-02-08 10:53

vue-cli引入Element Plus（element-ui），修改主题变量，定义全局样式

Element官网：ElementPlus-Theworld’smostpopularVue3UIframework1、安装element-plusnpminstallelement-plus--save2

shawxlee·2024-02-08 10:53

VUE3基础

一、认识vue3及vue3的优势1、框架层面响应式底层API的变化，proxy数组下标的修改，对象动态添加属性；vue3对ts的支持比vue2更强；vue3增加了组合式API，增强了逻辑组合能力配套的工程化工具也有了更新

煸橙干儿~~·2024-02-08 10:11

Vue3.0（四）：Composition API的使用

CompositionAPI认识CompositionAPI前几篇文章中主要用OptionsAPI进行编写代码，但是有一些弊端OptionsAPI弊端在OptionsAPI中，有data、watch、computed、methods以及生命周期函数各种各样的选项而一个变量，为了实现某个功能，会分散在各个选项中，不利于代码的维护此时CompositionAPI就出现了使用setup函数可以将大部分选

前端大菜鸟_·2024-02-08 09:23

vue3 之组合式API—生命周期函数

vue3的生命周期API生命周期函数基本使用1️⃣导入生命周期函数2️⃣执行生命周期函数传入回调import{onMounted}from'vue'onMounted(()=>{//组件挂载完毕mounted

jiojio在学习勒·2024-02-08 09:52

「玩转C语言！从移位操作符和位操作符开始，让你的代码更加高效！」

文章目录移位操作符、位操作符、二进制(C语言)一、移位操作符1.二进制知识补充二进制的书写：二进制码的三种表现形式：2.移位操作符">>"">”右移操作符【核心：移位操作流程为：将数写为原码—>反码—>补码—移位—补码—>反码—>原码——数】计算机能识别的是二进制信息01使用位移操作符对整型的二进制序列进行有效数位的左右移动；移动的是计算机的二进制位，所以接下来我们先讨论整数的二进制表现形式：首先

与黎明同行·2024-02-08 09:00

搭建vue3.0 项目

安装脚手架卸载原来的脚手架npmuninstallvue-cli-g下载新的脚手架npmuninstallvue-cli-g或者npminstall--global@vue/cli@nextvuecreatevue3

hegege·2024-02-08 08:52

设计趋势 | 探讨孟菲斯设计风格的发展与沿革，玩转设计!

首发于微信公众号：小阿田的设计笔记~探索孟菲斯风格的演变，试试这些超酷的方法把曼菲斯风格运用到您的设计中。关注微信公众号：小阿田的设计笔记设计要跟得上流行又现代的风格并不是那么简单。流行来来去去，常常起死回生，就像僵尸一样。这次（再次）风靡设计界的是曼菲斯（Memphis）风格：在静态图案之间穿插波浪线条和任意的平面图形；大胆的用色与柔和的粉嫩色调形成对比，再加上粗黑的几何图形衬托，还少不了一些波

Tzw_n·2024-02-08 08:19

String类的常用方法及基本使用

java中String类的常用方法总结，带你玩转String类。

骑着白龙马的猪八戒·2024-02-08 07:14

vue3 mathjax 数学公式

安装pnpminstallmathjax新建文件@/util/mathjax.jswindow.MathJax={tex:{inlineMath:[["$","$"],["\$","\$"],],//行内公式选择符displayMath:[["$$","$$"],["\\[","\\]"],],//段内公式选择符},startup:{ready(){MathJax.startup.defaul

xsjCoding·2024-02-08 06:46

若依vue3单文件上传/多文件上传/前后台代码

个人记录,代码不完善见谅.多文件上传前端:constupload=reactive({//设置上传的请求头部headers:{Authorization:"Bearer"+getToken()},//上传的地址url:import.meta.env.VITE_APP_BASE_API+"/data/upload"});constfileList=ref([])/*文件提交*/constsubmit

xsjCoding·2024-02-08 06:46

Vue3循环展示静态资源

加一个方法constgetImageUrl=(url)=>{returnnewURL(`/src/${url}`,import.meta.url).href;}展示的时候调用方法数组内的img属性,不能以"/"开头!!![{id:1,name:'111',description:``,img:'assets/indices/_rp_image_2024-01-24_440c98f0-ba8f-11

xsjCoding·2024-02-08 06:45

vue3 mathjax2.7.7 数学公式

1.index.html代码部分MathJax.Hub.Config({extensions:["tex2jax.js"],jax:["input/TeX","output/HTML-CSS"],tex2jax:{inlineMath:[["$","$"],["\$","\$"]]}});2.在需要使用数学公式的vue页面调用方法onMounted(()=>{setTimeout(MathJa

xsjCoding·2024-02-08 06:35

Vue - Vue3 封装组件(更新中...)

组件目录1、穿梭框DataTransfer2、按钮组3、顶部导航菜单4、弹窗组件5、特色按钮5、PDFWordExcel预览插件6、编辑器1、穿梭框DataTransfer示例应用示例组件代码import{ArrowLeft,ArrowRight,Search}from"@element-plus/icons-vue";import{computed,getCurrentInstance,onMo

青柠t·2024-02-08 06:39

Vue-Vue3 集成编辑器功能

1、安装依赖编辑器插件需要安装@wangeditor/editor和@wangeditor/editor-for-vue两个插件npminstall@wangeditor/editor--savevue3

青柠t·2024-02-08 06:02

如何在 Vue3 使用 jsx & tsx

首先，恭喜一下React，再过4个月，就达成了两年无更新记录反观隔壁的Vue，稳定迭代更新之前写React的时候，最喜欢的是JSX/TSX语法，把HTML组件当做JavaScript/TypeScript代码片段处理constApp:React.FC=({title})=>{const[count,setCount]=useState(0);//return({title}Youclicked{c

楷鹏 : )·2024-02-08 05:10

Vue3中使用element-plus菜单折叠后文字不消失

今天使用element-plus中国的导航菜单时，发现菜单栏折叠起来时文字不会自动消失，因为element-plus中内置了菜单折叠文字自动消失的，使用collapse=true/false即可，但在实际使用中出现了一下问题：折叠以后文字并没有消失，查资料说是el-menu子标签中不能含有div，但是排查了后也没有使用div，最后发现是因为我的一级导航没有包裹到标签中，因为是直接使用了一个简易的非

浮生若梦777·2024-02-08 05:57

请等一等走得慢的老人

时代的发展，对于老人而言，像光速一样，年轻人轻轻松松能玩转的东西，对他们而言，就是一项艰难的挑战。所以为什么网络上流传了新版二

豆豆说说·2024-02-08 04:56

推荐频道

玩转Vue3全家桶