Vue3.X 第6页

uni-app(vue3.x版本) 实现k线图(kline) 支持h5/安卓/ios

uni-app的插件市场有https://ext.dcloud.net.cn/plugin?id=4591因为我之前用的kline是使用klineCharthttps://klinecharts.com/zh-CNconfig也配置好了,所有就没有使用插件市场的kline,接着使用klineChart第一步安装klineChartnpminstallklinecharts--save第二步在页面中

折花_·2022-12-07 17:04

Vue3.x全家桶之Vue组件化开发(二)

✍灬更新说明更新时间：2022-1-03更新内容：Vue2.x更新至Vue3.xDemo与文件、截图演示齐全保留了Coderwhy老师Vue2.x的精华部分，添加Vue3.x的内容在Vue2.x的基础上进行

生命是有光的·2022-12-05 14:27

vue2.x与vue3.x中自定义指令详解

个人主页：不叫猫先生‍♂️作者简介：前端领域新星创作者、华为云享专家、阿里云专家博主，专注于前端各领域技术，共同学习共同进步，一起加油呀！系列专栏：vue3从入门到精通个人签名：不破不立目录前言一、自定义指令分类二、Vue2.x自定义指令钩子函数（1）bind与update区别（2）update与componentUpdated区别（3）钩子函数的参数（摘自官网）（4）局部自定义指令（5）全局自定

不叫猫先生·2022-12-05 14:26

使用 vite 构建 vue3 +TS + vant + pinia + axios + ESlint 的H5模板

记录自己搭建的一个H5模板的过程和遇到的问题：一、开始1.使用vite搭建vue3.x项目npminitvitev3-template-mobile//初始化项目(v3-template-mobile项目名

淋＆辰w§z·2022-12-02 21:45

vue3.x 子组件调用父组件方法并获取方法的返回值

vue3子组件调用父组件方法并获取方法的返回值vue3.x父子组件通信是经常会遇到的父组件给子组件传参可以通过props来实现，父组件调用子组件方法和获取子组件数据通过xxxRef.value.子组件方法

qq_37656005·2022-11-30 09:39

一文带你从Vue2.x大迈步走进Vue.js 3.0新时代

不同的构建版本CompositionAPI的设计动机CompositionAPI最佳学习参考：设计动机总结：性能提升Vue3.0的性能提升主要有以下几方面：总结前言Vue2.x与及Vue3.x都已经出来很久了

懒得跟猪打架·2022-11-24 08:30

我对Vue 3.x Composition API 的理解

目录一、Vue3.x的CompositionAPI带来了哪些新功能？

山间听雨声·2022-11-24 08:59

深入理解vue2.x中Object.defineproperty()和vue3.x中Proxy

目录前言使用Object.defineProperty()定义属性使用Object.defineProperty()实现双向数据绑定如果操作数组呢？Proxy用法Object.defineProperty和Proxy对比存在哪些优缺点呢？总结前言vue2.x中数据的双向绑定主要通过Object.defineproperty()方法实现，data中的数据改变通过Object.defineProper

不叫猫先生·2022-11-07 13:23

vue3---vite的基本使用

vite的基本使用1.创建vite的项目按照顺序执行如下的命令，即可基于vite创建vue3.x的工程化项目：npminitvite-app项目名称cd项目名称npminstallnpmrundev2

星月前端·2022-11-04 08:26

vue3.x中使用vue-cropper进行图片裁剪

在vue3.x中使用应该使用vue-cropper@next版本github详解npminstallvue-cropper@nextimport'vue-cropper/dist/index.css'/

sxs7970·2022-11-03 17:20

初入Vue（二）-vue.config.js

前言已下基于Vue3.x版本vue.config.js是一个配置文件，存在与项目的根目录中。他会被@vue/cli-service自动加载。

develop_csdn_LGQ·2022-10-17 11:20

vue3.0仿微信聊天|Vue3+Vant3.x聊天实例

Vue3-Chatroom基于vue3.x开发的仿微信界面聊天室。使用vue3.0+vuex4.x+vue-router4+vant3.x+v3popup构建的移动端聊天实例。

xiaoyan_2018·2022-10-02 16:08

Vue项目实战——【基于 Vue3.x + Vant UI】实现一个多功能记账本（开发导航栏及公共部分）

基于Vue3.x+VantUI的多功能记账本（三）文章目录基于Vue3.x+VantUI的多功能记账本（三）项目演示开发导航栏1、底部导航栏2、测试底部导航栏3、公共头部写到最后（附源码）系列内容参考链接基于Vue3.x+VantUI的多功能记账本（一）项目演示，涉及知识点基于Vue3.x+VantUI的多功能记账本（二）搭建开发环境项目演示Vue3+VantUI_多功能记账本开发导航栏1、底部导

前端杂货铺·2022-10-02 16:30

Vue3.x全家桶之Vue基础指令(一)

✍灬更新说明更新时间：2021-12-16更新内容：Vue2.x更新至Vue3.xDemo与文件、截图演示齐全保留了Coderwhy老师Vue2.x的精华部分，添加Vue3.x的内容在Vue2.x的基础上进行

生命是有光的·2022-09-29 19:21

Vue项目实战——实现一个任务清单【基于 Vue3.x 全家桶（简易版）】

Vue3.x项目实战（一）项目名参考链接Vue2.x_todoList基于Vue2.x实现一个任务清单Vue2.x_GitHub搜素案例基于Vue2.xGitHub搜素案例文章目录Vue3.x项目实战（

前端杂货铺·2022-09-24 07:28

破解 vue3.x 新特性

万翼·2022-09-22 20:59

Vue3+ElementPlus网页端聊天|vue3.0仿微信/QQ界面实例

运用vue3.x全家桶技术+element-plus+v3layer+v3scroll搭建的仿微信/QQ界面网页聊天实例项目。

xiaoyan_2018·2022-09-21 18:31

vue3.x源码剖析之数据响应式

前言如果错过了秋枫和冬雪，那么春天的樱花一定会盛开吧。最近一直在准备自己的考试，考完试了，终于可以继续研究源码和写文章了，哈哈哈。学过vue的都知道，数据响应式在vue框架中极其重要，写代码也好，面试也罢，数据响应式都是核心的内容。在vue3的官网文档中，作者说如果想让数据更加响应式的话，可以把数据放在reactive里面，官方文档在讲述这里的时候一笔带过，笔者刚开始也不是很理解。后来看了源码才知

sToNe+·2022-09-20 16:19

vue3.x router 路由跳转

引入import{useRouter}from'vue-router'实例化constrouter=useRouter()使用router.push('/home')

打瞌睡de喵·2022-09-19 15:21

Vue3.x接入Vuex，Vue-router

一、Vuex用法近乎相同，{mapState,mapMutations,mapActions,mapGetters}方法在option写法中用法依旧相同，在组合api中需要用useStore代替$store，在Vue3中新增了{provide,inject}方法，在多组件共用数据时提供了更方便的选择1.安装npminstallvuex@next--save2.编写store/store/index

漫漫，·2022-09-19 15:20

Vue3.x新特性总结及与vue2.x的对比

Vue3.0特性总结一.Vue3.x与Vue2.x的区别1.OptionsApi和CompositionApi的区别2.生命周期的变化3.template模板支持多个根标签4.Route获取页面实例与路由信息

情系半生e·2022-09-19 15:20

vue3.x移动端页面基于vue-router的路由切换动画

移动端页面切换一般都具有动画，我们既然要做混合开发，做完之后还是不能看起来就像一个网页，所以我们基于vue-router扩展了一个页面切换push和pop的动画。这是一篇比较硬核的帖子，作者花了不少精力来写先上效果图路由切换动画.gif再贴核心代码router文件夹下，新建transition-extend.js文件，实现如下：/***router扩展，页面切换动画*///负责SessionSto

杂学不精·2022-09-19 15:46

js设计模式(一)面向对象—封装

前言最近一直在看typescript，主要的一个目的是为vue3.x做准备。

·2022-09-15 17:11

Vue项目实战——【基于 Vue3.x + Vant UI】实现一个多功能记账本（登录注册页面，验证码）

基于Vue3.x+VantUI的多功能记账本（四）文章目录基于Vue3.x+VantUI的多功能记账本（四）项目演示1、登录注册页面2、图片验证码3、修改axios4、写到最后（附源码）系列内容参考链接基于Vue3.x+VantUI的多功能记账本（一）项目演示，涉及知识点基于Vue3.x+VantUI的多功能记账本（二）搭建开发环境基于Vue3.x+VantUI的多功能记账本（三）开发导航栏及公共

前端杂货铺·2022-09-15 07:11

模拟实现vue3.x中的计算属性

前言计算属性，功能和vue2.x基本等同，本文主要对其功能进行模拟实现一.完整代码constreactMap=newWeakMap();constReactiveFlags={IS_REACTIVE:"isReactive"}letactiveEffect=undefined;classReactiveEffect{active=true;deps=[];constructor(fn,schedu

念念不忘必有回响·2022-09-14 08:58

vue3自定义组件之v-model实现父子组件双向绑定

vue3v-model父子组件双向绑定vue3.x移除了vue2.x的model选项，自定义组件双向绑定不在使用以下方法：//vue2的v-model双向绑定方法model:{ prop:'value

·2022-09-12 16:02

Vue项目实战——【基于 Vue3.x + Vant UI】实现一个多功能记账本（搭建开发环境）

基于Vue3.x+VantUI的多功能记账本（二）文章目录基于Vue3.x+VantUI的多功能记账本（二）搭建开发环境项目演示1、创建项目2、配置路由3、添加VantUI组件库4、移动端rem配置5、添加iconfont文字图标库6、二次封装Axios请求库7、添加Less预处理器写到最后（附源码）搭建开发环境Vue3+VantUI_多功能记账本项目演示1、创建项目终端键入以下指令，每一行命令跟

前端杂货铺·2022-09-11 15:42

聊聊 JSX 和虚拟 DOM

新蜂商城开源仓库：https://github.com/newbee-ltd（内涵Vue2.x和Vue3.x的H5商城开源代码）Vue3.x+Vant3.x高仿微信记账本开源地址：https://github.com

cxy19930826·2022-09-11 15:42

面不面试的，你都得懂原型和原型链

新蜂商城开源仓库（内涵Vue2.x和Vue3.x的H5商城开源代码，带服务端API接口）：https://github.com/newbee-ltdVue3.x+Vant3.x+Vue-Router4.

cxy19930826·2022-09-11 15:12

Provide 和 Inject 的用法

vue为了解决这个提出了Provide/Inject，知道这个东西，但是一直没用过，最近碰到了一个问题，踩了一些坑，在这里记录一下备注：我安装的是vue3.x，v-model用的是3.x的语法。

@我不认识你·2022-09-10 18:13

WebApp开发自学记录：Vue3.x应用的创建、使用

前言本系列《自学记录》文章用于未来工作中如发生意外情况（如遗忘、教导朋友）的查阅，本人铭记“学以致用”的原则，因此本系列文章可能不适合用于Vue的系统性学习，但我会尽全力在文章涵盖自己在学习道路上所遇到的困难，未来文章的更新周期大约为每日一篇左右。（同本人的学习速度挂钩）本系列文章每一篇都将包含代码展示、代码拆分与解释、补充内容三个部分。其中需要强调的是代码拆分与解释的部分，解释目的在于“方便易用

allenkjjf·2022-09-07 15:57

2022年Vue最常见的面试题以及答案（面试必过）

Vue数据双向绑定原理Vue的响应式原理Vue3.x响应式数据原理Vue3.0里为什么要用ProxyAPI替代definePropertyAPI？

曹筱君·2022-09-05 19:44

vue3.x + elementPlus 封装组件之date-picker时间封装

时间选择没时分秒时间选择有时分秒时间快捷选择时间区间选择时间区间选择有时分秒时间区间快捷选择import{reactive,toRefs}from'vue'//shortcuts快捷时间选择例子：:shortcuts="[1,5,10]"constpickerData=reactive({timeType:'datetime',//datetime/date是否展示时分秒单个时间展示默认是展示年月

丢，捞仔·2022-09-02 17:14

Vue2.x与Vue3.x中路由钩子的区别详解

vue2.x前置概念:路由钩子分类路由和组件的概念(方便理解钩子函数)全局路由钩子路由配置守卫钩子组件内的守卫钩子路由钩子执行顺序eg:从A组件跳转到B组件顺序如果B路有更新,每次都会执行以下三个钩子:vue3

·2022-08-25 13:04

关于Vue3路由push跳转问题(解决Vue2this.$router.push失效）

目录1.Vue3.x路由跳转2.获取参数3.router-link4.总结Vue3.x出来有一阵子了，今天用它的时候发现Vue2中的this.$router.push竟然不能用了！！！！！

·2022-08-22 14:00

Vue3+Spring Boot前后端分离开发

前言之前本人在学习Vue3.x与SpringBoot整合时，遇到了诸如跨域、使用axios报错等问题，在成功解决后，总结了一些经验，于是将如何从零开始搭建Vue3.x+SpringBoot前后端分离项目写成文章

普通网友·2022-08-13 15:50

2022 年值得推荐的 Vue 库

它适用于Vue2.x和Vue3.x。它是Vue官方成员在2019年11月重新设计的一个状态存储库，它允许你跨组件/页面共享状态，并且是响应式的，类似于Vuex。

dreamweaver网页设计·2022-08-11 07:03

uniapp开发：uniapp快速体验vue3.2之setup语法糖，怎么使用怎么爽

计算属性监视（watch、watchEffect）组件注册组件传值provide/injectstyle样式使用v-bind绑定动态值获取路由信息全局API的转移CompositionAPI的优势关注我，不迷路vue3

咩咩咩咩没·2022-08-05 07:14

Vite2 + Vue3 + TypeScript + Pinia 搭建一套企业级的开发脚手架【值得收藏】

这篇文章就来帮助大家如何快速使用vue3.x，typeScript，vite搭建一套企业级的开发脚手架??。废话不多说，直接上手开搞??

m0_67393828·2022-07-31 15:52

Vue3.x中使用element-plus的各种方式详解

目录安装element-plus方式一、全局引入element-plus方式二、单个组件中使用方式三、经过自己封装按需引入1.在项目的src目录下建一个文件夹global2.register-element.ts代码如下3.index.ts代码如下4.main.ts中引入安装element-pluselement-plus//NPM npminstallelement-plus--save//Ya

·2022-07-28 12:50

Web开发-Vue3.0上手如果你忘了看这一pian就够了！

Vue3.0开发过一个项目雏形，后续需求尚未跟进，有些忘了，so，在继续开发之前，没事看看Vue3的知识，简单回顾，强化技能；Studyfrom2021Vue3.0极速上手vue3基础知识参考Web开发-Vue3

baby_hua·2022-07-28 10:38

Vue3.x 新特性总结

Vue3.x官网注：新版vue3的setup语法糖更为简洁，详见Vue3scriptsetup语法糖，超爽体验一、CompositionAPI简介Vue2时的方式在代码很少的时候，逻辑结构还是蛮清晰的，

·2022-07-20 18:17

vue2和vue3项目keepAlive

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

qq_37140828·2022-07-19 10:30

vue3.x中emits的基本用法实例

这是官方的文字介绍。emits重要用于组件之间的通信，触发自定义事件，传递参数。下面演示一个子组件把事件传递到父组件，组件间通信的例子。thisisamodalcloseimport{defineComponent}from'vue';exportdefaultdefineComponent({props:{isOpen:Boolean,},emits:{'close-modal':null,},

·2022-07-18 09:33

vue2.7 火影版本，难道只是vue3的过度版？

Ⅰ.适用场景如果ui框架和一些三方件还没有升级到vue3.x,这时可以先升级到vue2.7，用vue3的写法，

别拿bug搞偷袭·2022-07-16 17:07

通过vite搭建Vue3.x项目

Vue3.x项目搭建一、目标通过vite搭建一个Vue3.x版本的项目，使用JavaScript语法，配合使用Vue3.x全家桶，包含：Vuex和vue-router，并引入ElementPlus组件库二

BreenCL·2022-07-15 07:17

vue3.x使用swiper实现卡片轮播

本文实例为大家分享了vue3.x使用swiper实现卡片轮播的具体代码，供大家参考，具体内容如下版本号：vue/cli：4.5.12swiper：^6.8.4安装npminstall--saveswiper

·2022-07-15 06:47

vue3.x使用swiperUI动态加载图片失败的解决方法

本文实例为大家分享了vue3.x使用swiperUI动态加载图片失败的具体解决方法，供大家参考，具体内容如下版本号：vue/cli：4.5.12swiper：^6.8.4问题1、动态加载图片，但是动态加载图片为空

·2022-07-14 18:26

Vue 3 迁移策略笔记—— 第4节：$attrs 包括class&style

概述Vue3.x中，$attrs将包含传递给组件的所有属性，包括class和styleVue2.x的$attrs在Vue2.x中，关于父组件使用子组件有这样一个原则：默认情况下父作用域的不

杰~JIE·2022-07-12 16:18

Vue3 Composition API 学习

一、vue-cli创建项目选择安装typescript及使用vue3.x其余一路回车跳过##安装或者升级npminstall-g@vue/cli##保证vuecli版本在4.5.0以上vue--version

永恒的狼牙·2022-07-12 16:48

推荐频道

Vue3.X