vue3随手记

在vue3中使用Cesium保姆篇

1.首先新建一个vue项目Vue.js-渐进式JavaScript框架|Vue.js可以直接到管网中查看命令通过npm来创建一个vue3的项目然后通过命令下载1.99的版本的cesium和pluginnpmicesium
Mr.mjw·2024-01-06 06:40

taro+vue3 搭建一套框架，适用于微信小程序和H5

这里写taro+vue3搭建一套框架，适用于微信小程序和H5Taro+Vue3搭建适用于微信小程序和H5的框架的大致步骤：Taro+Vue3搭建适用于微信小程序和H5的框架的大致步骤：安装Taro。
CS-晨曦·2024-01-06 06:08

vue3 前端调用接口的时候 当某些接口的参数 需要 是空的时候 或者null 、 0 不传递 删除这个参数

){if(info.value[key]===0||info.value[key]===""||info.value[key]===null){deleteinfo.value[key];}}我这个是vue3
一只小阿乐·2024-01-06 06:06

taro+vue3开发小程序

一.创建项目（1）npminstall-g@tarojs/cli（2）npx@tarojs/cliinitmyApp二.按需引入nutui组件1.使用babel-plugin-import插件(1)下载插件npminstallbabel-plugin-import(2)babel.config.js配置plugins:[['import',{libraryName:'@nutui/nutui-ta
遗世独立hws·2024-01-06 06:36

Taro+vue3 电影H5 选择座位的时候 判断当前的座位是否 旁边留空 或者中间座位留空

constonConfirm=()=>{constarea_arr=selectedSeat.value.map((item)=>{returnitem.areaId;});constabc=isRepeat(area_arr);if(!abc){Taro.showToast({title:"请选择同一价格的座位，暂不支持跨区域选座~~",icon:"none",duration:2000,});
一只小阿乐·2024-01-06 05:31

vue3源码解读--teleport

目录vue2源码vue3源码示例源码compile经过上一节分析，我们知道这是一次递归过程：parseChildren--parseElement--parseChildren。
习惯水文的前端苏·2024-01-06 04:03

一、Vue3基础[常用的循环]

一、循环1.filter解释：filter方法会创建一个新的数组，其中包含满足指定条件的所有元素。这个方法非常适合循环遍历数组并根据特定条件过滤元素的情况。例如，可以使用filter方法来找出数组中所有大于特定值的元素，或者找出包含特定关键词的字符串。复杂写法：constlist=reactive({list:[]})list.list=[{id:1,name:'jack',is_use:fals
黑日里不灭的light·2024-01-06 04:41

一、Vue3组合式基础[ref、reactive]

一、ref解释：ref是Vue3通过ES6的Proxy实现的响应式数据，其与基本的js类型不同，其为响应式数据，值得注意的是，reactive可以算是ref的子集，ref一般用来处理js的基本数据类型如整型
黑日里不灭的light·2024-01-06 04:10

src目录用@代替

一、项目背景uniapp+vue3+ts+vite+pinia+vant二、配置在vite.config.ts文件plugins同一层级加resolveexportdefaultdefineConfig
元宵不吃汤圆·2024-01-06 03:45

页面自适应postcss-pxtorem配置

一、项目背景uniapp+vue3+ts+vite+pinia+vant二、安装postcss-pxtoremnpmipostcss-pxtorem三、vite.config.ts配置importpxtoremfrom"postcss-pxtorem
元宵不吃汤圆·2024-01-06 03:44

前端axios封装和跨域问题

项目背景：uniapp+vue3+ts+vite+pinia+vant1.安装axiosnpmiaxios2.封装axios创建一个名为http.ts的文件import{ref}from"vue";importaxiosfrom"axios
元宵不吃汤圆·2024-01-06 03:14

vscode安装Prettier插件，对vue3项目进行格式化

之前vscode因为安装了VueLanguageFeatures(Volar)插件，导致Prettier格式化失效，今天有空，又重新设置了一下1.插件要先安装上2.打开settings.json{"editor.defaultFormatter":"esbenp.prettier-vscode","[vue]":{"editor.defaultFormatter":"esbenp.prettier
元宵不吃汤圆·2024-01-06 03:13

vue2和vue3双向数据绑定原理发生了改变

vue3中使用了es6的proxyAPI对数据进行处理。
小猪猪哟·2024-01-06 03:25

vue目录结构图

项目公用文件|--favicon.ico--网站地址栏前面的小图标|-src--源文件目录，程序员主要工作的地方|-assets--静态文件目录，图片图标，比如网站logo|-components--Vue3
小柚柚0.o·2024-01-06 02:45

Vue 3 中的 watch 函数：实战指南

Vue3引入的CompositionAPI增强了代码的组织和复用，其中watch函数是一个非常有用的特性。本文将通过一系列的示例，展示如何在Vue3应用程序中使用watch函数来监控数据变化。
liwp_Stephen·2024-01-06 00:52

前端结合MQTT实现连接 订阅发送信息等操作 VUE3

MQTT客户端下载使用测试在我之前文章中MQTT下载基础使用下面记录一下前端使用的话的操作1.安装npmimqtt引入import*asmqttfrom"mqtt/dist/mqtt.min";//VUE3importmqttfrom'mqtt
CV工程师!!·2024-01-05 23:33

VUE3结合mqtt解决多页面使用需重复连接等问题(封装)

场景在做的一个项目中多个页面都需要使用到mqtt接收消息，但这样的话每个页面就都需要连接一次mqtt，并且要再次配置options信息、订阅主题、接收消息，非常的不方便，因此琢磨将mqtt封装到vuex中，使其可以多页面通用，这样只需要连接订阅一次，接收到的消息可以存储在vuex中。一、安装mqttnpminstallmqtt二、暴露出main.js中的vue实例使用exportdefault暴露
CV工程师!!·2024-01-05 23:01

vue3 elementui table popover上的图片鼠标移上去图片预览

效果如图：代码如下：之前用vue2写，结果slot和slot-scope不行了，在vue2.6及已上版本，slot和slot-scope已经开始废弃，有了新的替代:v-slot，v-slot只能用在template上，和组件标签上。
芝芝龙·2024-01-05 23:28

面向对象高级( 随手记-2)

原型(对象):构造函数的prototype属性的值原型是Object类原型是(数据共享)最终为了实现继承Object.prototype.age=30;//不能这么做这样任何对象都能访问到函数:复用构造函数:与new关键字一起用;复用(模板,复用产生对象的代码)对象::指JavaScript中复杂数据类型BOM:history/window.open()/hash(地址栏的#)/locationj
旺旺不太忘·2024-01-05 23:36

Vue 3.4 发布

本文为翻译原文地址：AnnouncingVue3.4|TheVuePoint—Vue3.4发布公告|Vue点(vuejs.org)今天，我们很高兴地宣布Vue3.4“灌篮高手”的发布！
whyfail·2024-01-05 22:58

vue3-admin-element框架实现动态路由（根据接口返回）

第一步：在src-utils-handleRoutes，修改代码：exportfunctionconvertRouter(routers){letarray=routersrouters=[]for(letiinarray){for(letsinasyncRoutes){if(array[i].path==asyncRoutes[s].path){routers.push(asyncRoutes[
TechWhiz-晓同·2024-01-05 22:57

vue3+ts项目采用canvas模拟批注功能

vue3+ts项目模拟批注一、项目需求：移动端：实现点击“批注”，随手指绘制出线条，线条封闭之后，视为圈记成功，进而输入评论内容——批注；二、实现思路：1.
汪叽家的兔子羡·2024-01-05 22:17

HBuilder创建uniapp项目（Vue3、Vant Weapp）

一、准备工作1.下载HBuilder——uni-app（https://uniapp.dcloud.io/）2.下载微信开发者工具：https://developers.weixin.qq.com/miniprogram/dev/devtools/devtools.html二、创建项目1.在点击工具栏里的文件->新建->项目：2.选择uni-app类型，输入工程名，选择模板，点击创建，即可成功创建
汪叽家的兔子羡·2024-01-05 22:46

vite搭建vue3、typeScript项目

使用vite搭建vue3、typeScript项目的具体步骤：一、创建项目vite一步步操作1.使用npm：npmcreatevite@latest2.使用yarn：yarncreatevite3.使用
汪叽家的兔子羡·2024-01-05 22:46

Vue3.0+Echarts （可视化界面）

Vue3.0+Echarts（可视化界面）1.简介2.安装2.1下载安装Node.js2.2全局下载项目脚手架2.3创建项目1.简介2.安装2.1下载安装Node.js2.2全局下载项目脚手架以管理员身份执行
Arrow·2024-01-05 21:14

uniapp微信小程序投票系统实战 (SpringBoot2+vue3.2+element plus ) -小程序微信用户登录实现

锋哥原创的uniapp微信小程序投票系统实战：uniapp微信小程序投票系统实战课程(SpringBoot2+vue3.2+elementplus)(火爆连载更新中...)
java1234_小锋·2024-01-05 21:22

vue3中如何解决跨域问题（真正意义上的一行代码解决跨域）

在使用Vue3时，解决跨域问题通常涉及对开发服务器的配置和可能的后端更改。
蓝斑.json·2024-01-05 21:22

uniapp微信小程序投票系统实战 (SpringBoot2+vue3.2+element plus ) -小程序首页实现

锋哥原创的uniapp微信小程序投票系统实战：uniapp微信小程序投票系统实战课程(SpringBoot2+vue3.2+elementplus)(火爆连载更新中...)
java1234_小锋·2024-01-05 21:51

vue3-v-model原理

对比：Vue-2.3v-model原理-CSDN博客v-model为:modelValue和@update:modelValue的简写v-model等价于v-model:modelValue，其中modelValue可以被换成其他的变量名，同样内部的子组件的相关变量名也要跟随更改表单类组件封装父组件子组件defineProps({modelValue:{type:[Number,String]}}
小沐°·2024-01-05 21:19

vue3日常知识点学习归纳

1，父子组件传递：父组件传递参数importchildfrom'./child.vue';import{ref,reactive}from'vue';//对象默认constnums=reactive({num:0,doubleNum:0});//点击事件consthandleIncrease=()=>{//每次+1nums.num++//每次+2nums.doubleNum+=2};子组件接收参数
共创splendid--与您携手·2024-01-05 21:18

看到这份涵盖Vue3.0的题库干货，我歇了口气

恰逢Vue3.0完整版发布，本篇推文中还增加了部分Vue3.0的基础理论及面试题目。PateOne·基础篇1、简述Vue的响应式原理当一个Vue实例创建时，Vue会遍历da
桃桃555·2024-01-05 20:26

Vue3用法总结

highlight:a11y-dark模板语法1.属性绑定的值是null或undefined时，则该属性会从元素上被移除：2.布尔型属性的值为false时，该属性会从元素上被移除：Button3.指令是带有v-前缀的特殊属性，如：v-html；v-bind和v-on是特殊的内置指令，分别可以以简写方式书写，冒号后是指令参数：.........逻辑渲染1.如果要使用v-if切换多个元素，就可以用包裹
Lafe_4b0a·2024-01-05 20:48

这款Vue3构建的低代码可视化平台，很棒！

JNPF是一款优秀的国产开发平台，采用Java、.net两种开发方式，近年在市场表现和产品竞争力方面表现较为突出，前后分离框架（SpringBoot+Mybatis-plus+Ant-Design+Vue3
虚无火星车·2024-01-05 19:59

vue3中使用elementplus中的el-tree-select，自定义显示名称label

letmenuProps={//自定义labellabel:(data:{name:any;})=>{returndata.name;//name为你要显示的名称可以自定义，就是将name替换label},}看效果
第7个前端·2024-01-05 18:59

vue3安装路由（router）

一、安装路由1.安装vue-routervue3需要安装4.0以上版本vue2最好安装4.0以下版本安装命令：npminstallvue-router@next--save//安装最新版本router/
前端小趴菜05·2024-01-05 18:28

vue3+Element plus 实现暗黑模式

暗黑模式说明：暗黑模式是指在应用程序或操作系统中使用暗色背景和浅色文本的界面设计。与传统的亮色模式相比，暗黑模式具有以下特点：减少眼部疲劳：使用暗色背景可以减少屏幕发出的蓝光，减轻长时间使用电子设备对眼睛的疲劳程度。这对于在晚上或低光环境下使用设备的人来说尤为重要。节省电池寿命：在有机发光二极管（OLED）或柔性有机发光二极管（AMOLED）屏幕上，黑色像素是不发光的，因此在暗黑模式下使用这些屏幕
前端小趴菜05·2024-01-05 18:27

擦亮发现美的眼睛吧（王明鹏）---视角训练之42

这个世界不是缺少美，而是缺少发现美的眼睛，更缺少回忆且随手记下那些感动自己的人和事。努力看到并记下吧，哪怕微不足道也会有益自己身心！我们应该如何与人沟通，怎样给听众做讲座，如何搞好有意义的培训。
王明鹏·2024-01-05 18:35

vue2和vue3分别是什么？vue3为什么要更换？

vue3中使用了es6的ProxyAPI对数据代理。
四时之雨·2024-01-05 17:28

Vant组件库的初始与使用

目前Vant官方提供了Vue2版本、Vue3版本和微信小程序版本，并由社区团队维护React版本和支付宝小程序版本。
四时之雨·2024-01-05 17:58

Vue2.0和Vue3.0有什么区别

vue3中使⽤了es6的ProxyAPI对数据代理，通过reactive()函数给每⼀个对象都包⼀层Proxy，通过Proxy监听属性的变化，从⽽实现对数据的监控Vue2.0的生命周期：beforeCreate
四时之雨·2024-01-05 17:56

「Vue3面试系列」Vue3.0性能提升主要是通过哪几方面体现的？

文章目录一、编译阶段diff算法优化静态提升事件监听缓存SSR优化二、源码体积三、响应式系统参考文献一、编译阶段回顾Vue2，我们知道每个组件实例都对应一个watcher实例，它会在组件渲染的过程中把用到的数据property记录为依赖，当依赖发生改变，触发setter，则会通知watcher，从而使关联的组件重新渲染试想一下，一个组件结构如下图静态文本静态文本{{message}}静态文本...
itpeilibo·2024-01-05 17:16

「Vue3面试系列」Vue3.0里为什么要用 Proxy API 替代 defineProperty API ？

文章目录一、Object.defineProperty为什么能实现响应式小结二、proxy三、总结参考文献一、Object.defineProperty定义：Object.defineProperty()方法会直接在一个对象上定义一个新属性，或者修改一个对象的现有属性，并返回此对象为什么能实现响应式通过defineProperty两个属性，get及setget属性的getter函数，当访问该属性时
itpeilibo·2024-01-05 17:16

「Vue3面试系列」Vue3.0的设计目标是什么？做了哪些优化?

更友好二、优化方案2.1源码2.11源码管理2.22TypeScript2.2性能2.3语法API2.31逻辑组织2.32逻辑复用参考文献一、设计目标不以解决实际业务痛点的更新都是耍流氓，下面我们来列举一下Vue3
itpeilibo·2024-01-05 17:45

「Vue3面试系列」Vue3 所采用的 Composition Api 与 Vue2 使用的 Options Api 有什么不同？

文章目录开始之前正文一、OptionsApi二、CompositionApi三、对比逻辑组织OptionsAPICompostionAPI逻辑复用小结开始之前CompositionAPI可以说是Vue3
itpeilibo·2024-01-05 16:40

Vue-1、用idea搭建脚手架

注意如果要创建vue3则选择第一个。点击next。6.创建成功
一叶飘零晋·2024-01-05 16:41

VUE3 中的 Watch

一、监听基础类型constnums=ref(9)watch(nums,(newValue,oldValue)=>{console.log('watch已触发',newValue)})二、监听复杂类型constdemo=reactive({name:'前端小玖',nickName:'小玖',soulmate:{name:'',nickName:''}})复杂类型的监听有很多种情况，具体的内容如下监听
INDEVIL354·2024-01-05 16:21

vue3的Watch使用详解

vue官网提到：watch的第一个参数可以是不同形式的“数据源”：它可以是一个ref(包括计算属性)、一个响应式对象、一个getter函数、或多个数据源组成的数组：1.监听单个Ref2.监听一个getter函数当然只修x或者y其中一个的值，也会触发监听3.多个来源组成的数组4.监听reactive对象5.监听reactive对象中的属性错误写法报错正确返回且修改y的值不会触发对x属性的监听
冬天不会冷lz·2024-01-05 16:20

Vue3的watch详解以及和vue2watch的区别

watch介绍watch属性监听是一个对象，键是需要观察的属性，值是对应回调函数，主要用来监听某些特定数据的变化，从而进行某些具体的业务逻辑操作,监听属性的变化，需要在数据变化时执行异步或开销较大的操作时使用。Vue2用法在Vue2的optionsAPI中，watch与methods一样作为一个模块，在其中定义相应的监听事件监听基础变量需要监听的普通变量，要在watch模块中，定义以该变量名命名的
潮汐未见潮落·2024-01-05 16:18

Vue3关于setup、ref、reactive属性

前言:vue2的问题:自动无偏差的把所有数据项都改为监听器--消耗资源vue3:把自动改手动--人为判断给哪些属性加监听器ref:给单个值添加监听reactive:利用proxy给对象类型加监听toRefs
江城路-·2024-01-05 16:46

Vue3监视属性watch详解(附带详细代码与讲解!!!)

watch()默认是懒侦听的，即仅在侦听源发生变化时才执行回调函数。第一个参数是侦听器的源。这个来源可以是以下几种：一个函数,一个返回值一个ref一个响应式对象(reactive定义的)...或是由以上类型的值组成的数组第二个参数是一个回调函数,这个回调函数可接收三个参数:新值(newValue)、旧值(oldValue)、以及一个副作用清理的回调函数第三个参数是一个可选的参数是一个对象构成,如:
江城路-·2024-01-05 15:37
上一页 51 52 53 54 55 56 57 58 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他