vue3学习系列第11页

JavaScript 设计模式之代理模式

代理模式其实这种模式在现在很多地方也都有使用到，如Vue3中的数据相应原理就是使用的es6中的Proxy代理及Reflect反射的方式来处理数据响应式我们日常在使用数据请求时，也会用到一些代理的方式，比如在请求不同的域名

放逐的程序猿·2024-02-15 10:47

vue3 Element Plus 基于webstorm练习

提要vue是前端框架，Elemen是组件库。前端框架和组件库的区别与联系nodejs脚本语言需要一个解析器才能运行，JavaScript是脚本语言，在不同的位置有不一样的解析器，如写入html的js语言，浏览器是它的解析器角色。而对于需要独立运行的js，nodejs就是一个解析器。npmnpm是NodePackageManager的缩写，意思是Nodejs的包管理系统。安装了nodejs后，自动会

my烂笔头·2024-02-15 09:10

Kotlin学习系列（二）Kotlin语法基础

本系列内容均来自《Kotlin从小白到大牛》一书，感谢作者关东升老师。标识符和关键字1标识符标识符就是变量、常量、函数、属性、类、接口和扩展等由程序员指定的名字。构成标识符的字符均有一定的规范，Kotlin语言中标识符的命名规则如下：区分大小写：Myname与myname是两个不同的标识符。首字符，可以是下划线（_）或字母，但不能是数字。除首字符外其他字符，可以是下划线（_）、字母和数字。硬关键字

Fakecoder_Sunis·2024-02-15 08:11

vue解决跨域问题

本教程讲解的为vue3脚手架搭建的项目遇到的跨域问题，其他版本也同理。

挣扎在黑暗中的码畜·2024-02-15 08:03

Vue3+Ant-Design-Vue:报错Cannot read properties of null (reading ‘isCE‘)

报错信息图示：在GitHub上找到如下描述，解决方案网上介绍的解决方案网上找到了几种解决方案，Vite+Vue3项目：修改配置文件修改vite.config.js配置文件，re

是席木木啊·2024-02-15 06:42

Vue3快速上手

目录1.Vue3简介2.Vue3带来了什么1.性能的提升2.源码的升级3.拥抱TypeScript4.新的特性一、创建Vue3.0工程1.使用vue-cli创建2.使用vite创建二、常用CompositionAPI1

__畫戟__·2024-02-15 06:40

vue3快速上手

Vue3快速上手1.Vue3简介2020年9月18日，Vue.js发布3.0版本，代号：OnePiece（海贼王）耗时2年多、2600+次提交、30+个RFC、600+次PR、99位贡献者github上的

Wmenghu·2024-02-15 06:40

Vue3快速上手（四）ref之基本类型响应式数据

一、ref之基本类型响应式数据1.1基本语法import{ref}from'vue'letx=ref('初始值')console.log('xxx-->',x.value);x为一个RefImpl对象，该对象的value属性为实际值，在script里需要操作x.value来改变数据的值，在页面里则可以直接使用{{x}}来展示数据1.2简单示例//引入refimport{ref}from'vue'/

一掬净土·2024-02-15 06:39

【Vue3.0实战逐步深入系列】基于axios+elementui实现一个动态可配置的投票功能

【千字长文，熬夜更新，原创不易，多多支持，感谢大家】前言小伙伴们大家好。前面文章我们引入了elementui组件库，对我们的投票功能做了一下简单的美化，在经过一番的折腾后终于我们的投票模块在保证了功能的情况下，也变得美观了两全其美。然而一次只能做一个主题的投票显得太过单调，并且投票主题都是定死的，如果想换其它主题就不得不修改源码了。今天我们在前面投票功能的基础上进行一个扩展：投票还是投票，但是要让

一笑程序猴·2024-02-15 05:35

vue3结合openlayers，geoserver实现GIS一张图(WebGIS)

一.前言不知不觉一年又要过去了，接触开发也就是这几个月的事情，感觉时间过的真快，今天就是除夕了，祝各位新年快乐呀，话说回来，其实在接触学习WebGIS的过程中还是蛮迷茫的，自己虽然是地信的学生，对于地理方面还有有一些自己的理解，但平时专业课学习的就是arcgis空间分析，遥感图像处理，WebGIS的部分并不是太重视，可能是因为没有那么多时间，毕竟这需要扎实的前端技能，不是一朝一夕就可以说明白的，当

GIS小小白·2024-02-15 01:14

vue3项目引入pinia报错

1.控制台错误提示：getActivePiniawascalledwithnoactivePinia.Didyouforgettoinstallpinia?2.报错原因pinia集成顺序错误挂载已经结束,但pinia集成失败运行报错3.解决方案：调整顺序将pinia的集成放在#app的挂载之前app.use(createPinia()).use(router).mount('#app')

Jl.610·2024-02-14 21:19

vue3 中使用pinia 数据状态管理(在Taro 京东移动端框架中的使用)

适用于vue2和vue3。可以简单的理解成Pinia就是Vuex5。也就是说，Vue3项目，建议使用Pinia。Pin

喝一杯维C·2024-02-14 21:48

ionic学习（二）：Ionic4+Vue+Capacitor搭建项目

clivuecreateionic-vue-appcdionic-vue-app创建成功之后通过命令启动项目：npmrunserve具体创建方式及相关配置参照文章vuecli3.x搭建项目2、然后添加Ionic框架npminstall@ionic/vue3

天丶子衿·2024-02-14 21:01

Vue3x基础 - 应用&组件

创建一个应用实例每个Vue应用都是通过createApp函数创建一个应用实例开始的：constapp=Vue.createApp({/*options*/})应用实例是注册一个可供组件在应用内使用的“全局变量”。我们先看一个快速实例，然后再详细讨论：constapp=Vue.createApp({})app.component('SearchInput',SearchInputComponent)

zhouyu629·2024-02-14 18:08

分享CesiumWeb三维地球

vue3+cesium官方示例：CesiumSandcastle逐冰而上①｜珠峰冰川密码：来自海拔6530米的气候警钟_绿政公署_澎湃新闻-ThePaperhttps://www.thepaper.cn

:mnong·2024-02-14 16:16

vue3 + Babylon.js 实现3D场景

import{ref,getCurrentInstance,onMounted,beforeUnmount}from'vue'import*asBABYLONfrom'@babylonjs/core/Legacy/legacy'//全部引入import'@babylonjs/loaders'//模型加载loaderimport*asGUIfrom'@babylonjs/gui/2D'//交互组件c

:mnong·2024-02-14 16:46

vue3 中tool.ts 函数的使用(存储函数以及其他全局工具函数封装)

1.需求一些全局的函数对应的封装importTarofrom"@tarojs/taro";importpinyinfrom"pinyin";exportconstsetStorage=(key:any,value:any)=>{returnTaro.setStorageSync(key,value);};//保存当前的内存存储数据exportconstgetStorage=(key:any)=>{

喝一杯维C·2024-02-14 10:42

Vue3.x 新特性总结

imageVue3.x官网一、CompositionAPI简介Vue2时的方式在代码很少的时候，逻辑结构还是蛮清晰的，但是随着组件功能越来越多，代码量越来越大，整体内容全部放在其中肯定会显得臃肿。

猫老板的豆·2024-02-14 10:58

Vue3.0（五）：Vue-Router 4.x详解

Vue-Router详解vue-router教程认识前端路由路由实际上是网络工程中的一个术语在架构一个网络的时候，常用到两个很重要的设备—路由器和交换机路由器实际上就是分配ip地址，并且维护着ip地址与电脑mac地址的映射关系通过映射关系，路由器才知道要把数据发送给哪台电脑而路由在软件工程中出现，最早是由后端实现的，同时随着web的发展，路由也经历了一些阶段后端路由阶段前后端分离单页面富应用其核心

前端大菜鸟_·2024-02-14 09:28

Vue3.0（六）：VueX 4.x详解

Vuex4状态管理什么是状态管理在开发中，我们的应用程序需要处理各种各样的数据，这些数据需要保存在应用程序的某一个位置，对于这些数据的管理，就是状态管理目前前端项目越来越复杂，多组件共享同一数据的状态很常见，因此需要一个更加方便地状态管理库Vuex状态管理在Vuex中，组件通过读取Vuex中的State数据状态，显示到页面上而组件想要修改State中的数据，需要通过Dispatch，提交Mutat

前端大菜鸟_·2024-02-14 09:58

Vue3.0（七）：Pinia状态管理

Pinia状态管理最初是作为一个实验为Vue重新设计状态管理，让它用起来像组合式APIPinia和Vuex的对比为什么要用PiniaPinia最初是为了探索Vuex的下一次迭代会是什么样子，结合了Vuex5核心团队讨论中的很多想法最终，团队意识到Pinia已经实现了Vuex5中大部分的内容，所以最终决定使用Pinia来代替Vuex与Vuex相比，Pinia提供了一个更加简单的API，具有更少的仪式

前端大菜鸟_·2024-02-14 09:58

tauri+vite+vue3开发环境

本文只介绍Windows环境下的tauri+vite+vue3开发环境配置过程。一.MicrosoftVisualStudioC++生成工具您需要安装MicrosoftC++生成工具。

volodyan·2024-02-14 07:56

Vue 新版脚手架初始化笔记

Vue2/Vue3修改node更新源将默认的更新源修改为淘宝的下载地址PSC:\Users\Administrator>npmconfigsetregistryhttps://registry.npm.taobao.orgPSC

code-vibe·2024-02-14 05:59

Vue3高频知识点和写法

一Vue插件二vue3项目创建创建完成后npminstallnpmrundev三setup一响应式数据setup函数是用来代替data和methods的写法的，在setup函数中声明的数据和函数，导出后可以在页面中使用

Erica_莲子·2024-02-14 03:52

Vue3中Setup概述和使用(三)

一、引入Setup1、Person.Vue与Vue3编写简单的App组件(二)中的区别是：取消data、methods等方法,而是将数据和方法定义全部放进setup中。

maplea2012·2024-02-14 02:58

vue3中的setup

setup：组合api的入口函数所有的组合api都学在setup中使用，它运行在beforeCreate之前例：setup方法使用在script标签内就不需要return数据以及方法了（这种方法一旦使用就不再有选项式api了）consta=1（这样声明的数据没有响应式，就是不能和页面双向绑定）constnum=ref（0）（ref是一个声明响应式数据及方法，它是由reactive封装过来的，他的值

千杯不倒王尧·2024-02-14 00:39

vue3封装echarts组件

第一步：新建一个通用组件，在components目录下新建echarts文件夹，然后新建echart.vue第二步：在页面中使用封装好的echarts组件

weixin_43962020·2024-02-13 19:28

vue3 封装一个通用echarts组件

实现这个组件需要引入echarts和vue-echarts插件，使用vue-echarts是因为它帮我们封装了一些很常用的功能，比如监听页面resize后重新渲染功能，本次组件只使用到了autoresize配置，其它可以根据官方文档按需选配https://github.com/ecomfe/vue-echarts首先引入echarts和vue-echarts插件npminstallechartsv

weixin_43160044·2024-02-13 19:28

Vue3

Vue2->Vue3如果有Vue2的基础，并在此基础上学习Vue3，并不需要把完整的官网看完，我们只需要关注一些新功能和非兼容的变化即可进行开发。

江_河·2024-02-13 19:42

搭建Vue3源码的开发环境

最近一直在看Vue3的源码，通过对Vue3的源码分解从头搭建出Vue3源码开发环境，需要梳理的东西还很多，现在将整个思路和源码弄了一个开源项目，大家可以一起参与进来。

JX灬君·2024-02-13 19:01

Vue3 组件 v-model 和 defineModel 使用

v-model可以在组件上使用以实现双向绑定简单使用Home.vueimport{ref}from'vue'importChildfrom'@/views/home/Child'constcity=ref('bj')Child.vueconstprops=defineProps(['modelValue'])constemit=defineEmits(['update:modelValue'])组

小凳子腿·2024-02-13 18:36

vue3-应用规模化-工具链

工具链项目脚手架ViteVite是一个轻量级的、速度极快的构建工具，对VueSFC提供第一优先级支持。作者是尤雨溪，同时也是Vue的作者！要使用Vite来创建一个Vue项目，非常简单：（推荐）npm create vue@latest这个命令会安装和执行create-vue，它是Vue提供的官方脚手架工具。跟随命令行的提示继续操作即可。VueCLIVueCLI是官方提供的基于Webpack的Vue

王大可996·2024-02-13 16:45

vue3-应用规模化-路由和状态

客户端vs.服务端路由服务端路由指的是服务器根据用户访问的URL路径返回不同的响应结果。当我们在一个传统的服务端渲染的web应用中点击一个链接时，浏览器会从服务端获得全新的HTML，然后重新加载整个页面。然而，在单页面应用中，客户端的JavaScript可以拦截页面的跳转请求，动态获取新的数据，然后在无需重新加载的情况下更新当前页面。这样通常可以带来更顺滑的用户体验，尤其是在更偏向“应用”的场景下

王大可996·2024-02-13 16:45

vue3中使用element-plus的图标不显示问题

按照官网的写法，我的图标不显示的：image.png然后我搜了一些大神的博客说是vite版本改为2.3.7（但是我的依然不可以！！！！！！！！！！！！！！！！）image.pngimage.png有两种解决方案：第一种：我项目下的就是element-plus但是他官网说的图标引入方法我不能用，但是我用vue2的图标引入写法在里面就能显示image.png第二种：比如：有个图标叫select,最好给

是妍妍吖·2024-02-13 15:31

使用Provide和Inject设计Vue3插件

使用provide和inject的Vue依赖项注入非常适合构建Vue3插件或避免prop多层传递。尽管不经常使用它，但是您可以仅使用两个内置方法来实现依赖项注入：provide和inject。

魂斗驴·2024-02-13 14:47

vue和react的区别

vue和react的区别：一．定位：两者都是UI层的框架，vue是数据响应式的框架；二．vue使用的语法是template，react使用的语法是JSX；三．vue3.0推出了hooks:compositionapi

XiaoMai·2024-02-13 13:41

【Vue3 从入门到实战进阶式掌握完整知识体系】010-探索组件的理念：组件概述

三、探索组件的理念1、组件概述组件图解组件的概念非常常见，类似于模块的概念components.png简单使用hellovue//Vue.createApp()内的参数组成根组件constapp=Vue.createApp({template:``});//注册子组件helloapp.component('hello',{template:`hello`});//注册子组件byeapp.compo

訾博ZiBo·2024-02-13 12:55

创建你的第一个Vue项目(小白专享版本)

文章目录下载node.js创建Vue3项目VSCode和Vue3CDN（内容分发网络）使用全局构

小馒头学python·2024-02-13 10:27

vue3获取ref实例ts怎么写

父级件：按钮import{ref}from'vue'importMyLoginfrom'./components/MyLogin.vue'constMyLoginRef=ref|null>()consthanldClick=()=>{MyLoginRef.value?.sayHello()}子级件MyLogin.vue：我是logindefineExpose({sayHello:()=>{cons

adrainHsu·2024-02-13 10:16

Vue3笔记（2024）

1.Vue3简介2020年9月18日，Vue.js发布版3.0版本，代号：OnePiece（n经历了：4800+次提交、40+个RFC、600+次PR、300+贡献者官方发版地址：Releasev3.0.0OnePiece

肉松拿铁·2024-02-13 10:15

能否手写vue3响应式原理-面试进阶

（二）响应式原理利用ES6中Proxy作为拦截器，在get时收集依赖，在set时触发依赖，来实现响应式。（三）手写实现1、实现Reactive基于原理，我们可以先写一下测试用例//reactive.spec.tsdescribe("effect",()=>{it("happypath",()=>{constoriginal={foo:1};//原始数据constobserved=reactive(

helloworld1024z·2024-02-13 09:01

vue3 腾讯tdesign 后台管理框架的使用

1.介绍TDesign是具有包容性的设计体系，它强调为业务提供产品、服务等过程中，追求以人为本、人人受益的包容性，要求搭建过程中，了解业务底层，理解业务场景的多样性，并在繁杂的业务场景中寻找共性和特性，确保彼此能灵活地在同一个环境并存，既能满足当下需要，也能作用于更广泛的场景，为不同的产品保留定制空间，在保证不同产品能够体现自我特色的同时，TDesign还可以为更广泛的产品提供适合的服务。TDes

喝一杯维C·2024-02-13 08:28

Zookeeper学习系列【二】Zookeeper 集群章节之集群搭建

前言同道们，好久不见，上一章中，我主要讲了Zookeeper的一些基础的知识点。数据模型+原语集+Watches机制。本章内容主要讲的是集群搭建相关的知识。本篇的内容主要包含以下几点：Zookeeper运行模式Zookeeper搭建一、Zookeeper运行模式Zookeeper有两种运行模式，单点模式和集群模式。单点模式（standalonemode）-Zookeeper只运行在单个服务器上，常

Richard_易·2024-02-13 04:20

记录目前使用vue3.2.0&&vite4.2.0时遇到的一些坑-持续更新

vue3安装markdown-itvuets使用markdown-it需要使用以下命令安装才行npminstall--savemarkdown-it@vue/compiler-sfc来源https://

尽虹·2024-02-13 03:42

vue3源码解读--effect

目录vue2源码vue3源码示例源码其实，在不看源码之前，就已经能想到其大概实现逻辑了：每一个effect在执行过程中如果遇到设置了响应式的值那么就会执行依赖收集，那么此时如果打一个标记，并根据此标记将存在依赖的

习惯水文的前端苏·2024-02-13 02:11

vue3 composition api入门教程

我们使用vue自定义组件的时候，为了可以复用重复的功能代码时，提高代码的灵活性和可维护性，我们会把组件的逻辑抽离出来。虽然这样已经可以实现组件的复用，但是随着应用的复杂度组件增大，会对某一些方法进行功能迭代，这样对于那些新人，需要阅读旧的代码逻辑，对于开发不太友好。本文首发于前端开发指南，更多高质量文章可以前往查看，值得收藏！vuecompositionapi解决了什么问题？随着应用功能的持续迭代

imkelen·2024-02-13 00:26

Vue3 现在有多少种写法?

Vue3中加入了响应式API，书写一个组件的方式又增加了几种。看看有什么不一样vue2和vue3都适用熟悉的模板.vue单文件自定义语法、插值、指令都可以使用。按照官网书写就不会有什么问题。

z_hboot·2024-02-12 23:21

【Vue3+Vite+TS】10.0 组件七：动态加载进度条

必备UI组件将用到的组件：Progress进度条组件设计新建src\components\baseline\progress\src\index.vueconstprops=defineProps({//说明：百分比，必填percentage:{required:true,type:Number,default:0,},//说明：进度条是否有动态效果isAnimation:{type:Boolea

bobokaka·2024-02-12 23:39

手动建立一个Vue3+TS+Vant3+Pinia的项目

1.node的版本至少16如果想升级稳定版node可以执行如下命令npminstall-gn--force安装最新的版本nlatest安装最近的稳定版本nstable2.搭建vitenpmcreatevite1666427720875.jpg3.安装pinianpmaddpinia@next挂载piniahttps://pinia.web3doc.top/这个是关于这个的官网具体方法可以详细了解这

涵子_·2024-02-12 19:36

Astro + NextUI 搭建个人博客（导航组件篇）

Astro简介由于我之前的个人博客是Vue3+Quasar+Koa+MySql搭建的，整体就是SPA的思路，作为练手倒是可以锻炼前后端各方面的能力。

·2024-02-12 18:49

推荐频道

vue3学习系列