Vue3.0

Vue3 系列：从0开始学习vue3.0

vue3.0与2020/9/18正式发布，vue2.0与2023/12/31日停止维护。
yqcoder·2023-07-19 22:18

Vue3.0实现原生高度可自定义菜单组件vue3-menus

vue3-menusVue3.0自定义右键菜单Vue3.0原生实现完全自定义右键菜单组件,零依赖，可根据可视区域自动调节显示位置，可支持插槽完全重写每一项菜单展示项目地址GitHubGitee在线演示完整菜单功能演示复制粘贴演示快速安装
xfy520·2023-07-19 22:47

vue3.0里的vue.config.js配置信息完整版，vue3.0 build发布，proxy,跨域访问设置等

朋友建议您先收藏起来vue3.0里的vue.config.js配置信息完整版：vue3.0build发布，proxy,跨域访问设置等如果没有vue.config.js那么自己就在根目录建一个vue.config.js
永远的新手·2023-07-19 22:09

vue3.0 + ts 项目实现pc端和移动端的适配+判断设备

vue3.0+ts项目实现pc端和移动端的适配写在前面：最近写前端项目需要做移动设配和PC端的适配，移动端适配包括了平板和各式各样的手机。之前都是直接使用自己做的rem换算单位来进行适配，但是，现在发现没法适配平台。最近一直在查资料，可算是让我找着了一款适合的了。"postcss-pxtorem":"^5.1.1"就是这个插件，它可以自动将px转化成rem,也就意味着我们可以不再使用之前自己写的转
qiao若huan喜·2023-07-19 18:49

antdesginVue VUE3.0 Cascader 级联选择省市区（县）镇四级联动 动态加载数据（组件封装）

antdesginVueVUE3.0Cascader级联选择省市区（县）镇四级联动动态加载数据第一步：获取数据第一步异步加载数据import{ref,watch}from'vue'importtype{CascaderProps}from'ant-design-vue'import{getDistrict}from'@/api'interfaceprops{province:Tcity:Tcoun
造梦者FZ·2023-07-19 15:21

vue3.0 + element Plus实现页面中引入弹窗组件及defineExpose用法

1.在需要弹窗显示的页面引入你所写的弹窗组件(index.html)更新进度2.在js文件中设置ref的值及通过按钮触发打开弹窗import{ref}from"vue";import{View}from"@element-plus/icons";constprocessDailogRef=ref();//查看一键更新进度//onChangeVisable()为子组件中通过defineExpose暴
欢喜~999·2023-07-19 08:55

Vue3.0 在组件外使用 VueI18n 的问题

通常将写在setup里面的代码写在外面会报错Mustbecalledatthetopofa`setup`意思是必须写在setup里面要将i18n与Vue3的组合API一起使用，但在组件的setup()之外，需要这么写//locales/setupI18n.tsimport{App}from'vue';import{createI18n}from'vue-i18n';//引入vue-i18n组件im
mrhaoxiaojun·2023-07-19 04:42

篇章十二 Vue3开发

文章目录Vue3.0Vue带来了什么一、创建Vue3.0工程1、使用vue-cli创建2、使用vite创建1、创建工程2、分析工程结构2.1、`main.js`文件中2.2、`App.vue`文件中二、
博客zhu虎康·2023-07-19 00:48

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

一、编译阶段回顾Vue2，我们知道每个组件实例都对应一个watcher实例，它会在组件渲染的过程中把用到的数据property记录为依赖，当依赖发生改变，触发setter，则会通知watcher，从而使关联的组件重新渲染试想一下，一个组件结构如下图:静态文本静态文本&
安语未·2023-07-18 22:43

终端运行npm install @tinymce/tinymce-vue -S报错的解决办法

用vue整合tinymce富文本编辑器，报错报错原因：报错的原因是下载版本与vue的版本对不上vue2.0版本应该使用npminstall--save"@tinymce/tinymce-vue@^3"vue3.0
默然相爱鱼鱼鱼·2023-07-18 07:11

vue组件间通信之兄弟组件通信（vue3.0$EventBus）

vue组件间通信之兄弟组件通信（vue3.0$EventBus）vue组件中的数据传递最最常见的就是父子组件之间的传递。
茶一蛊·2023-07-18 06:55

Vue3.0

vue3优势性能更好，体积更小，TS支支compositionapi：更好的代码组织（可以把业务逻辑块集中管理）、更好的逻辑复用、更好的类型推导Vue3和Reactvueoptionsapi对应reactclasscomponentvuecompositionapi对应ReacthooksVue3新特性允许没有根标签移除过滤器filter移除keyCode移除v-on.native在子组件上声明自
DGogoing·2023-07-18 04:43

Vue3.0 路由

目录一、路由懒加载二、三种模式三、带参数的动态路由匹配四、params和query传参五、编程式导航六、全局前置守卫七、组件内的守卫八、缓存页面一、路由懒加载当打包构建应用时，JavaScript包会变得非常大，影响页面加载。如果我们能把不同路由对应的组件分割成不同的代码块，然后当路由被访问的时候才加载对应组件，这样就会更加高效。constHome=()=>import('./views/Home
星星编程·2023-07-17 22:16

搭建vue3.0项目及下载常用插件流程

1.安装vue-cli3.0以上版本脚手架工具npminstall-g@vue/cli2.创建项目工程vuecreatehello-world安装好之后cd项目根目录，运行项目npmrunserve.3.下载一些常用的插件（1）scss或者less，这里我用scssnpminstallsass-loadernode-sass--save$color=red;（2）vue-router是必不可少的c
C_razy·2023-07-17 18:30

Vue3.0 所采用的 Composition Api 与 Vue2.x 使用的 Options Api 有什么不同？

一、Vue3.0所采用的CompositionApi与Vue2.x使用的OptionsApi有什么不同？
Particular12.·2023-07-17 12:27

Vue3.0路由跳转携带参数

一、路由跳转1、在需要跳转的页面//引入API---useRouterimport{useRouter}from'vue-router'......//定义router变量constrouter=useRouter()constmethodClick=(data)=>{letparamValue=data.deviceCode//路由跳转，携带参数router.push('/equipment/o
Particular12.·2023-07-17 12:57

Vue3_简介、CompositionVPI、新的组件

文章目录Vue3快速上手1.Vue3简介2.Vue3带来了什么1.性能的提升2.源码的升级3.拥抱TypeScript4.新的特性一、创建Vue3.0工程1.使用vue-cli创建2.使用vite创建二
菜鸟娃哈哈·2023-07-17 11:22

vue3.0 新特性

1、速度方面：通过更新runtime-core与runtime-dom，支持了包括Fragments、Portals与Suspensew/asyncsetup()等（似乎有点越来越像react），支持CompositionAPI、OptionsAPI和typings，配合Proxy的引入，极大程度上提高了响应式的能力。CompositionAPI与Proxy的运用使得组件化更加灵活，逻辑业务组件的
鱼儿灬天上飞·2023-07-17 08:52

vue3.0

1、更快VirtualDOM完全重写，mounting&patching提速100%；更多编译时（compile-time）提醒以减少runtime开销；基于Proxy观察者机制以满足全语言覆盖及更好的性能；放弃Object.defineProperty，使用更快的原生Proxy；组件实例初始化速度提高100％；提速一倍/内存使用降低一半。2.更小Tree-shaking更友好；新的corerun
面朝南的落地窗·2023-07-16 22:04

vue3.0之组合API有哪些(详解)

vue3.0之组合API有哪些一、setup函数二、生命周期三、reactive函数四、toRef函数五、toRefs函数六、ref函数七、知识运用案例八、computed函数九、watch函数十、ref
Gik99·2023-07-16 20:02

Vue3.0自定义指令

自定义指令本质：使用JavaScript操作Dom元素自定义指令使用：（1）定义采用模块化定义，在src目录下创建directives目录，在这个目录中放置项目用到的所有自定义指令，方便管理和维护。（2）注册全局注册（使用较少）和局部注册（3）页面使用在html页面模板使用时，在定义的指令前加v-Example1:页面加载输入框自动获取焦点//App.vue输入框自动获取焦点//使用文本框高亮显示
Zaralike·2023-07-16 08:40

Vue项目环境搭建

vue3.0与vue2.0的区别：3.0新加入了TypeScript以及PWA的支持部分命令发生了变化：下载安装npminstal
爱吃香菜的憨憨·2023-07-16 07:45

Vue3.0如何在setup中获取定义的全局方法

在有些情况下我们需要定义全局方法然而在vue3.0中我们定义全局方法需要在globalProperties上面定义,大部分情况下还是可以定义在main.js中的。
周亚鑫·2023-07-15 21:12

从Vue2到Vue3【零】——Vue3简介及创建

系列文章目录内容链接从Vue2到Vue3【零】Vue3简介及创建文章目录系列文章目录前言一、Vue3的发布带来了什么1.1性能提升1.2源码升级1.3支持TypeScript1.4新特性二、创建Vue3.0
前端百草阁·2023-07-15 17:54

Vue3.0学习笔记-全局组件和局部组件

根组件Vue.createApp实际是建立一个Vue的实例，也就是相当于第一个根组件全局组件及组件复用性Vue中的组件是页面中的一部分，通过层层拼装，最终形成了一个完整的组件弊端：只要定义了，处处可以使用，性能不高，但是使用起来简单app.component('website',{template:`Website组件`})app.component('describe',{template:`D
petit_wu·2023-07-15 03:57

第 10 阶段 · 精通前端框架从 Vue3.0 起步

我们在第9阶段学习了webpack，截止到目前把核心概念都讲完了。随着后续我对webpack不断实践，再弥补一些实践性的内容，就算完美了，如果你想继续深入学习，可通过我推荐的资料这些资料助你搞透Webpack深入学习。第10阶段即将开启，跟上时代前端人至少要「精通」一个前端框架，无论是Vue还是React，不只是会用，需要掌握框架的核心思想、优缺点。经过这几年的迭代更新，Vue逐步迈入3.0时代，
lefex·2023-07-14 17:13

【Web前端学习之路】Vue3.0 前端必会框架 （黑马课程笔记01）

1、什么是前端工程化前端工程化指的是：在企业级的前端项目开发中，把前端开发所需的工具、技术、流程、经验等进行规范化、标准化，实现前端的4个要求：模块化(JS的模块、css的模块、其他资源的模块化)组件化（复用现有的UI结构、样式、行为）规范化（目录结构的划分、编码规范化、接口规范化、文档规范化、Git分支管理）自动化（自动化构建、自动部署、自动化测试）2、webpack基础什么是webpackwe
a123456_9·2023-07-14 17:09

vue3.0框架Element Plus

ElementPlus前言一、安装二、使用步骤1.完整引入2.按需导入ViteWebpack前言由于Vue3不再支持IE11，ElementPlus也不再支持IE浏览器。一、安装#NPM$npminstallelement-plus--save#Yarn$yarnaddelement-plus#pnpm$pnpminstallelement-plus根据不同的CDN提供商有不同的引入方式，我们在这
前端——散人柚·2023-07-14 17:39

vue3.0，国内前端框架的迭代的趋势

1.介绍最火的框架之一;比vue2速度更快，体积更小；提供更先进的内置组件;组合API，更好的组合逻辑;更接近js，按需加载，越来越多公司开始使用vue3。2.安装1需要安装vue脚手架npmi@vue/cli-g2.创建项目vuecreate项目名3.在ChooseaversionofVue时选择3.x4.然后按照vue2创建项目的流程即可建议：在使用vscode时可以安装vuevolarext
Lin_25937·2023-07-14 17:08

前端框架Vue3.0

目录一、创建Vue3.0工程1.使用vue-cli创建1.1.检查@vue/cli的版本，确认是否@vue/cli版本在4.5.0以上1.2.安装或者升级@vue/cli1.3创建工程1.4启动Vue工程
Acloasia·2023-07-14 17:02

vue3.0

一：vue3.0介绍1：源码组织方式的改变源码采用TypeScript重写【会有格式类型匹配提示】使用monorepo管理项目结构2：CompositionAPI【vue3.0采用CompositionAPI
JIseven·2023-07-14 09:03

【Vue3.0】

提示：继续深入了解Vue3.0内容文章目录前言一、Setup？二、CompositionAPI前言提示：这里可以添加本文要记录的大概内容：例如：Vue.js是一款流行的JavaScript前端框架。
辣可乐少加冰·2023-07-14 03:03

vue3.0 详细说明+案例 ！！！

提示：vue3.0文章目录前言一、pandas是什么？二、使用步骤1.引入库2.读入数据总结前言提示：Vuee.js的最新版本。
辣可乐少加冰·2023-07-14 03:33

基于CSS3、原生JS、Vue3.0技术各自实现序列帧动画效果

还记得序列帧技术在2018年的时候很火的，那时做H5很吃香的...那么在此记录一下用纯CSS3、原生JS、Vue3.0，这3种方式来设计几个例子。
帅龍之龍·2023-07-13 22:24

vue3.0 dragula 看板功能实现

实现功能1、列表标题可更改2、列表也可以拖动3、卡片可拖动4、列表可新增遇到的问题：1、dragula安装导入一直报错，直接require进来的，css是直接加在了vue文件的最后面2、v-for加载ref，导致新增的列表无法让元素拖动解决方法：//template:ref="(el)=>setPRef(el,index+1)"//方法letparentRefs=[]asany[];functio
十四喵酱·2023-07-13 16:05

vue-cli如何升级到最新版本

vue-cli如何升级到最新版本想用vue-cli脚手架创建vue3.0项目学学，要求vuecli版本在4.5.0以上，vue--version查看了下vue-cli版本@vue/cli4.1.1发现版本低了
科罗拉多·2023-07-13 16:03

Vue3.0 API的使用

###Vue3.0整体优势1.proxy数据劫持代替object.defineProperty(特点：可以监听数组变化，可以直接修改对象属性等)；2.CompositionAPI，更好的逻辑复用和代码组织
·2023-06-24 10:22

vue3.0 前端和客户端混合开发

1.客户端发送消息iOS给前端发送消息self.mainWebView.evaluateJavaScript("appCallJsListInit()"){object,errorin}image.pngvue3.0中接收客户端发送消息(在index.html中)functionappCallJsListInit(e){}前端接收客户端发送消息(在子页面中)exportdefault{name:"
博尔茨杰·2023-06-24 06:00

2022-10-24

一、Vue3.0环境搭建使用vite创建Vue(3.2.30)项目npminstallyarn-gyarncreatevitevue3-project--templatevuecdvue3-project
云端钓月·2023-06-23 13:26

vue3.0 proxy设置代理不成功

一.设置proxy首先在项目中创建vue.config.js注意在ts环境下仍为js结尾项目配置详情如下：module.exports={devServer:{open:false,//是否自动弹出浏览器页面proxy:{'/api':{//'/api'是代理标识，用于告诉node，url前面是/api的就是使用代理的target:"http://localhost:3000",//目标地址，一般
悠悠~飘·2023-06-22 23:37

vue3.0使用taro-ui-vue3引入组件不生效解决方案

这两天一直研究云闪付小程序，开始和同事好不容易用云闪付的官方ui研究了，但是害怕后期在多个平台上线部署出现不兼容的问题，无奈只好另辟蹊径，选择taro来实现‘一处代码，多处运行’，我们采用Vue3.0+TS+Sass+taro-ui-vue3，在安装编译一直出现问题，掉落我们几根宝贵的头发，这里把本次遇到的坑总结下：第一步：确保已安装全局的vue3环境，在安装taroyarnglobaladd@t
红噔噔·2023-06-22 10:28

Vue全家桶（五）：Vue3快速上手

目录1.Vue3简介2.Vue3带来了什么2.1性能的提升2.2源码的升级2.3拥抱TypeScript2.4新的特性3.创建Vue3.0工程3.1使用vue-cli创建3.2使用vite创建3.3Vue3
CaRuJan·2023-06-22 06:56

vue3.0新特性

vue3.0有哪些新特性vue3.0新特性有：1、性能比vue2.x块1.2～2倍；2、支持tree-shaking；3、引入了CompositionAPI；4、暴露了自定义渲染API；5、新增三个组件
sanly_shi·2023-06-20 09:41

如何在vue3.0中使用echarts图表+demo

提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档文章目录一、echarts图表二、vue3中使用1、全局引入2、组件中使用(举个栗子)样式展示提示：以下是本篇文章正文内容，下面案例可供参考一、echarts图表打开echarts官网，可以选择自己想要的图标样式二、vue3中使用1、全局引入import*asechartsfrom'echarts'app.config.globalP
嘉ioo·2023-06-20 05:46

Vue3.0 所采用的 Composition Api 与 Vue2.x 使用的 Options Api 有什么不同？

提示：写完文章后，目录可以自动生成，如何生成可参考右边的帮助文档文章目录一、OptionsAPI？二、CompositionAPI？三、对比区别？总结提示：以下是本篇文章正文内容，下面案例可供参考一、OptionsAPI？optionsAPI就是大家常说的选项API，也就是以.vue为后缀名的文件，通过定义的methods，computed，watch，data等属性和方法，共同处理页面的逻辑二、
嘉ioo·2023-06-20 05:15

在vue3中如何使用百度地图API（详细步骤+demo示例）

提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档文章目录一、注册账号、申请成为开发者二、申请密钥AK三、在vue3.0中使用百度地图API提示：以下是本篇文章正文内容，下面案例可供参考一
嘉ioo·2023-06-20 05:15

vue3中使用vue3-seamless-scroll(最新版本滚动插件)

vue3中使用vue3-seamless-scroll(最新版本滚动插件)Vue3.0无缝滚动组件，支持Vite2.0，支持服务端打包官方git地址npm安装npminstallvue3-seamless-scroll
Colesyn L.·2023-06-20 03:43

vue3.0中使用Element-plus默认英文组件修改为中文

vue3.0中使用Element-plus默认英文组件修改为中文修改方法Element-plus1.0.2-beta.59之前的版本可以我这里是"element-plus":"^1.0.2-beta.32
Colesyn L.·2023-06-20 03:12

Vue3 全家桶，从 0 到 1 实战项目

一、vue3.0创建项目vue3创建项目的时候有两种方式，第一种就是官方推荐的vite。另外一种就是使用webpack创建。1.1、vit
前端人·2023-06-20 02:39

EasyPlayer.js播放器用vue3.0集成出现报错是什么原因？

有用户反馈，在集成EasyPlayer.js播放器的时候，用vue3.0集成会报以下错误：TypeError:Cannotreadpropertiesofundefined(reading
TSINGSEE·2023-06-19 22:43
上一页 11 12 13 14 15 16 17 18 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他