vue3.x

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新特性

1.组合式api替代选项式api,作为组合式api的入口,分离逻辑关注点，将同一个逻辑关注点的代码收集在一起另外，还提供了逻辑复用方案，替代Vue2.xMixin(命名冲突隐患，不同组件间配置化使用不够灵活)使用importdataGetfrom'./dataGet.js';importdataDeletefrom'./dataDelete.js';importdataUpdatefrom'./d
·2022-07-12 14:55

Vue面试题归总

Vue数据双向绑定原理Vue的响应式原理Vue3.x响应式数据原理Vue3.0里为什么要用ProxyAPI替代definePropertyAPI？
·2022-07-12 11:14

vuex在vite&vue3中的简单使用说明

目录vuex在vite&vue3的使用一、说明二、使用vue3.x之vite初体验一、项目搭建二、附项目结构三、附项目启动成功图vuex在vite&vue3的使用注：本文只讲解vite打包vue3中vuex
·2022-07-09 19:51

vue3 vite异步组件及路由懒加载实战示例

目录引言一、前言1-1.三点变化：1-2.引入辅助函数defineAsyncComponent的原因：二、Vue2.x与Vue3.x定义比较2-1.异步组件/路由定义比较2-2.声明方式比较2-3.异步组件加载函数返回比较三
·2022-06-30 11:54

vue 组件通信-全局事件总线

文章目录前言一、vue2.x事件总线二、vue3.x事件总线1.安装第三方库mitt2.注册使用3.将事件总线注册到vue实例4.派发事件的组件5.监听事件的组件前言全局事件总线：任意组件间通信。
YadingLee·2022-06-29 23:40

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

Vue数据双向绑定原理Vue的响应式原理Vue3.x响应式数据原理Vue3.0里为什么要用ProxyAPI替代definePropertyAPI？
前端探险家·2022-06-28 20:02

Vite中使用Ant Design Vue3.x框架教程示例

目录引言安装ant-design-vuemain.js引入，全局使用按需引入引言官网:https://www.antdv.com/docs/vue/introduce-cn文档选择vue3版本，也是官网当前推荐的安装ant-design-vuenpmi--saveant-design-vuemain.js引入，全局使用import{createApp}from'vue'importAppfrom'
·2022-06-26 12:03

vue3.x兼容tailwindcss(截至发帖)

1.postcss.config.jsconstpurgecss=require('@fullhuman/postcss-purgecss')({content:['./layouts/**/*.html','./src/**/*.vue','./src/**/*.jsx'],defaultExtractor:content=>content.match(/[\w-/:]+(?
qq_40676272·2022-06-22 14:55

2021前端面试重点梳理

vue路由钩子函数完整的导航解析流程Vue模版编译原理Vue2.x和Vue3.x渲染器的diff算
你吃不饱就好·2022-06-21 22:20

Vue3 版本的生命周期和钩子函数

文章目录一、什么是生命周期二、Vue2.x与Vue3.x生命周期对比1.onRenderTracked2.onRenderTriggered一、什么是生命周期Vue是组件化编程，从一个组件诞生到消亡，会经历很多过程
热忱！·2022-06-20 01:42

Vue3.x下使用VueX4.x

创建Store-Vuex4.xstore—>modules—>user.tsimport{Module}from'vuex';interfaceStoreUser{accountName:string;}constuserModule={namespaced:true,state(){consta=localStorage.getItem('accountName');return{account
Boriska1996·2022-06-18 11:33

新建一个vue2.x项目（idea目前默认创建vue3.x项目）

1.命令行打开vue图像化界面2.浏览器打开如下界面，点击左下角按钮，选择“Vue项目管理器"3.选择“创建”栏，选择好文件创建路径（本地文件夹），点击"在次创建新项目":4.输入项目名，点击下一步5.选择手动配置项目（其他的预设是从前创建项目时保存的配置，选择后可以直接新建项目省去后面选择的配置）6.选择所需的配置Babel,Router和使用配置文件必选。7.选择2.x版本添加element插
微扬嘴角·2022-06-14 18:40

详解vue3.x页面功能拆分方式

目录一、组件二、混入三、api四、vuexvue3.x相对比vue2.x主要的应用区别在于setup的使用，这个也是vue3.x的特色，所有的功能都得通过vue钩子引入使用，因为setup语法糖环境是不支持
·2022-06-14 11:20

【vue3.x】vue3.x基础知识学习

1.vue2.x和vue3.x项目的区别1.1.创建应用实例的方式vue2.x：通过newVue()创建vue根实例，从同一个vue构造函数创建的每一个根实例共享相同的全局配置importVuefrom'vue'importAppfrom
谭CV·2022-06-07 14:40

vue3.0+ 3.x config配置

//参考vue3.x官方文档:https://cli.vuejs.org/zh/config//注意开头被//注释的参数不建议新手轻易改动//默认是没有vue.config.js的，需要手动在根目录下建立并填入需要的配置项如下
、刷刷·2022-06-05 07:51

Vue---- Vue 3.x 中全局配置axios

文章目录vue3.x中全局配置axios0安装axios1.为什么要全局配置axios2.如何全局配置axios3.发起get请求4.发起post请求vue3.x中全局配置axios0安装axiosnpmiaxios1
补笔记查缺补漏中...·2022-06-02 13:50

vue3.x+vite+element-ui+vue-router+vuex+axios搭建项目

一.参考文档vite官方文档vue3.x官方文档vue-router4.x官方文档vuex4.x官方文档element-ui3.x官方文档AntDesignVue2.x官方文档axios文档二.vite
YuShiYue·2022-06-01 17:43

Vue3.x项目开发的一些常用知识点总结

目录一、定义组件属性二、formatter简写三、子父组件通信四、监听组件属性变化五、自定义指令总结PS：以下知识点都是基于vue3.x+typescript+element-plus+setup语法糖使用的。一、定义组件属性constprops=defineProps({visible:{type:Boolean,default:false}})console.log(props.visible
·2022-05-31 10:41

vue3.x几个不看不知道的自动化加载技巧

前言最近鼓捣了一下Vue3+Vite2，遇到了不少问题，整理了5个可以提高开发效率的小知识，让你在Vue3的项目开发中更加丝滑、顺畅。一、setupname增强Vue3的setup语法糖是个好东西，但使用setup语法带来的第一个问题就是无法自定义name，而我们使用keep-alive往往是需要name的，解决这个问题通常是通过写两个script标签来解决，一个使用setup，一个不使用，但这样
·2022-05-23 17:20

vue 从入门到入土---复习 组件高级上

目录watch侦听器组件的生命周期组件之间的数据共享vue3.x中全局配置axios总结watch侦听器1.什么是watch侦听器watch侦听器允许开发者监视数据的变化，从而针对数据的变化做特定的操作
前端 贾公子·2022-05-22 21:54

vue3.x页面功能拆分方式

vue3.x相对比vue2.x主要的应用区别在于setup的使用，这个也是vue3.x的特色，所有的功能都得通过vue钩子引入使用，因为setup语法糖环境是不支持this的，这种开发方式有点回到原始的感觉
·2022-05-17 12:04

Vue深入讲解数据响应式原理

目录响应式是什么如何实现数据响应式实现对象属性拦截通用的劫持方案总结响应式是什么简而言之就是数据变页面变如何实现数据响应式在Javascript里实现数据响应式一般有俩种方案，分别对应着vue2.x和vue3
·2022-05-17 10:29

深入Vue原理_数据响应式

数据响应式响应式是什么如何实现数据响应式实现对象属性拦截通用的劫持方案总结响应式是什么简而言之就是数据变页面变如何实现数据响应式在Javascript里实现数据响应式一般有俩种方案，分别对应着vue2.x和vue3
几何心凉·2022-05-16 12:21

Vue3.x 的生命周期和钩子函数

Vue3版本的生命周期和Vue2比有了些变化，所以我先站在一个初学者的角度（没有学过Vue2版本的新手），从新讲一下Vue3.x的生命周期，等你完全理解之后，我们再来和Vue2.x的生命周期作一个对比。
一人创客·2022-05-13 09:46

Vue3.x项目开发常用知识点

PS：以下知识点都是基于vue3.x+typescript+element-plus+setup语法糖使用的。一、定义组件属性constprops=defineProps({visible:{type:Boolean,default:false}})console.log(props.visible)[warning]注意：defineProps不用从vue引入，setup语法糖环境会自动识别二、
·2022-05-12 12:22

Vue注册的全局组件配置对象保存的位置

其实我们可以在运行时动态去篡改或者新增一些功能，这个时候我们需要访问这些组件的配置对象Vue2.x版本在Vue.options.components中Vue3.X版本在Vue.create
·2022-05-09 11:33

Vue基础之MV框架和Vue特性

文章目录目录文章目录前言MV框架MV*框架简介MVCMVPMVVMVue特性特性响应式原理Vue3.x新特性compositionAPlVue3.x的变更Vue3.x移除的特性前言大家好，我是遇见ice
遇见ice·2022-05-05 08:19

vue3.x从打包、部署到上线

一、前言作者采用的项目架构：vue3.x+typescript+element-plus+axios，知道这一点很重要，因为目前vue3.x和element-plus还在不断更新迭代中，可能后面又会有所变化
·2022-04-24 09:26

uniapp开发：uniapp之切换vue3，一直使用一直爽

在这里vue3.x的优点就不多说了，反正就是爽。uniapp也是跟紧的步伐，在前几个版本就开始支持vue3.x的使用，甚至在2.9.3的cli版本就开始支持了，更多相关信息查看官方更新日志。
皮皮鱼敲代码·2022-04-22 22:30

vue-property-decorator使用指南

在Vue3.x中使用TypeScript时，非常好用的一个库，使用装饰器来简化书写一、安装npmi-Svue-property-decorator@Prop@PropSync@Provide@Model
大梦无痕·2022-04-22 19:24

vue3.x路由404通配处理

：{path:'*',//会匹配所有路径name:'404',component:()=>import('@/views/404/index.vue')}vue-router4.x通配规则上面的代码在vue3
·2022-04-21 17:34

vue3.0如何在全局挂载对象和方法

目录如何在全局挂载对象和方法1.官方的说明2.更新后的挂载方法3.在全局使用4.但是应用中的this对象已经不再是一个Vue对象了vue3全局挂载和使用如何在全局挂载对象和方法1.官方的说明Vue3.x
·2022-04-19 12:35

vue3.x源码剖析之数据响应式的深入讲解

目录前言什么是数据响应式数据响应式的大体流程vue2.x数据响应式和3.x响应式对比大致流程图实现依赖收集代码仓库结尾前言如果错过了秋枫和冬雪，那么春天的樱花一定会盛开吧。最近一直在准备自己的考试，考完试了，终于可以继续研究源码和写文章了，哈哈哈。学过vue的都知道，数据响应式在vue框架中极其重要，写代码也好，面试也罢，数据响应式都是核心的内容。在vue3的官网文档中，作者说如果想让数据更加响应
·2022-04-12 19:28

vue3项目后台管理系统模板

Vue3.0发布第一个版本至今有一段时间了，到现在一直在更新优化,在性能方面，对比Vue2.x，性能的提升比较明显，打包后体积更小来看下Vue3.x新增了哪些功能和特性。
业__于勤荒于嬉·2022-04-12 17:00

分享 15 个 Vue3 全家桶开发的避坑经验

一、Vue31.Vue2.x和Vue3.x生命周期方法的变
·2022-04-11 12:04
上一页 3 4 5 6 7 8 9 10 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他