Vue3.x 第2页

第四讲、Vue3.x中的事件方法详解、事件监听、方法传值、事件对象、多事件处理程序、事件修饰符、按键修饰符

一、Vue3.x监听事件vue中监听事件可以使用v-on:click或者@click,@click为v-on:click的简写，例如：data(){return{counter:1}}template模板

我爱张智容·2024-01-08 13:16

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

什么是生命周期Vue是组件化编程，从一个组件诞生到消亡，会经历很多过程，这些过程就叫做生命周期。你理解了什么是生命周期，你还了解一个概念“钩子函数”。钩子函数：伴随着生命周期，给用户使用的函数，操控生命周期，主要是操控钩子函数。Vue3的生命周期setup():开始创建组件之前，在beforeCreate和created之前执行。创建的是data和methodonBeforeMount():组件挂

SofterICer·2024-01-07 08:04

vue实现双向绑定原理

通过一段代码拦截这个行为，进行额外的操作或者修改返回结果典型的有1.Object.defineProperty()2.es6中Proxy对象vue2.x使用Object.defineProperty();vue3

有个人_6e81·2024-01-06 16:07

解决vue3.x debugger不能使用的问题

package.json->eslintConfig找到rules属性填写这段代码"rules":{"no-debugger":"off","no-console":"off","generator-star-spacing":"off","no-tabs":"off","no-unused-vars":"off","no-irregular-whitespace":"off"}重新运行项目，ok

最胖的小仙女·2024-01-05 06:33

前端学习笔记 4：Element Plus

创建好后就可以按照官方文档中的指示，在工程目录下安装Element依赖：npminstallelement-plus--save注意，Element和ElementPlus是两个不同的项目，前者适用于Vue2.X，后者适用于Vue3

魔芋红茶·2024-01-03 15:01

vue2与vue3数组的区别

Vue2.x和Vue3.x在数组方面有一些不同之处，主要涉及到Vue3.x中对响应式系统的改进。

蛋黄派i·2024-01-01 06:43

如何使用vue ui创建vue项目

elementui等插件，配置好一些属性以及依赖关系，方便我们使用，我个人第一次接触它就感觉非常智能和强大配置步骤1、安装VueCLI，因为vueui是在VueCLI基础上封装的ps:vueui命令是vue3

忧郁的蛋~·2023-12-29 15:39

十二.Vue-Router 详解

一、Vue3.x中的路由路由可以让应用程序根据用户输入的不同地址动态挂载不同的组件。

小柠有点萌·2023-12-27 21:21

Vue项目中使用fontawesome图标库

使用npm安装核心包，它包含了让图标工作的所有实用工具npmi--save@fortawesome/fontawesome-svg-core2.安装vue-fontawesome组件库，Vue2.x和Vue3

淋雪小新·2023-12-26 12:59

Vue.js 教程

阅读本教程前，您需要了解的知识：HTMLCSSJavaScript我的教程主要介绍了Vue3.x版本的使用第一个实例：Vue3.0HelloWorld{{message}}参考资料：Webpack入门

Stitch .·2023-12-22 20:51

Vue3配置使用vue-router路由

随着Vue版本的升级，Vue2.x项目和Vue3.x项目在使用vue-router上有些区别，本文就简单介绍下vue-router在Vue3中的配置和使用。

天問_·2023-12-20 07:44

Vue 2.x跟Vue 3.x有啥区别

大家好，我是咕噜-凯撒，我们都知道Vue是一款比较流行的前端JavaScript框架，在他演进的过程中出现了2个主要版本，Vue2.x和Vue3.x。

咕噜签名分发·2023-12-18 03:47

前端面试——Vue篇（v-for和v-if为什么不能连用？）

（2）在vue3.x中，v-if的优先级高于v-for的优先级，因此v-if执行时要调用的变量可能还不存在，会导致报错。

每月一瓶米诺地尔·2023-12-16 07:40

基于vue3.x与 three.js模拟地球内部结构

基于vue3.x与three.js模拟地球内部结构前言基于threejs、vue3.x、热力图实现了地球结构可视化展示。

易航动效·2023-12-04 09:18

八.Vue3.x中的mixin介绍使用

1、新建mixin/base.jsconstbaseMixin={data(){return{msg:"baseMixinMsg"}},methods:{success(){console.log("成功")},run(){alert("baseMixinrun方法")}},}exportdefaultbaseMixin;2、单独使用mixin,在home.vue首页模板--{{apiDomain

小柠有点萌·2023-12-03 03:02

第六讲、Vue3.x中使用JavaScript表达式、条件判断、计算属性和watch侦听

一、Vue3.x模板中使用JavaScript表达式业务逻辑:data(){return{number:1}}template模板：{{number+1}}{{ok?'

我爱张智容·2023-12-03 03:29

Vue3.x 中 hooks 函数封装和使用

一、hooks是什么vue3中的hooks就是函数的一种写法，就是将文件的一些单独功能的js代码进行抽离出来进行封装使用。它的主要作用是Vue3借鉴了React的一种机制，用于在函数组件中共享状态逻辑和副作用，从而实现代码的可复用性。注意：其实hooks和vue2中的mixin有点类似，但是相对mixins而言，hooks更清楚复用功能代码的来源,更清晰易懂。二、hooks的优点hooks作为独立

muzidigbig·2023-12-02 22:25

Vue 和 React 的优点分别是什么？如何选择？

JNPF-Web-Vue3的技术栈介绍（1）Vue3.x（2）Vue-router4.x（3）Vite4.x（4）Ant-Design-Vue3.x（5）TypeScript（6）Pinia（7）Less

虚无火星车·2023-12-02 05:47

通过Webpack5 手动搭建一个 Vue3.x + typescript 开发环境

目录前言项目初始化集成babel集成样式处理js集成到页面配置开发服务器配置清除打包文件集成TypeScript集成Vue3前言官方已经存在Vue3.x脚手架，完全没有必要使用手动搭建，当然这里手动搭建只是加深对技术的理解

敢敢-李·2023-11-30 05:45

Vue3.x使用富文本tinymce-vue

官方文档：https://github.com/tinymce/tinymce-vuehttps://www.tiny.cloud/docs/integrations/vue/#tinymcevuejsintegrationquickstartguide一、安装npminstall--save@tinymce/tinymce-vue二、下载汉化包地址：https://www.tiny.cloud/

qq_36306693·2023-11-30 01:59

2022-04-12 解决vue3 vite环境下: does not provide an export named 'xxxxxx'

背景：在vite工程下，使用Vue3.x、Vue-router时报错：doesnotprovideanexportnamed'xxxxxx'举例：使用vite创建工程后,通过npmi--savevue-router

追寻1989·2023-11-29 15:59

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

vue3.x移除了vue2.x的model选项，自定义组件双向绑定不在使用以下方法：//vue2的v-model双向绑定方法model:{prop:'value',//3.x默认值改为了modelValueevent

Mosowe·2023-11-27 06:46

通过vue/cli创建vue3项目

安装nodejs：nodejs：win10安装为保证版本，建议先全局卸载vue-cli：npmuninstallvue-cli-g安装vue3.x：npminstall-g@vue/cli查看当前版本：

玩转测试开发·2023-11-26 10:58

VUE3.x

vue3搭项目的配套方案:vite+vue3+pinia+vue-router4一.概述vue3最大的改进:用proxy重写响应式ES6,即ES2015越灵活的东西,越不可控扩展性更好,代码更不容易组织.追求什么,就要牺牲点别的,达到平衡vue3的改进1.TS重构TypeScript带类型的js,先编译转换为js,再?让程序员的代码质量更高,尤其是大型项目2.用JS的新特性Proxy重写响应式vu

假以时日♪·2023-11-25 08:08

vue（vue2.x & vue3.x）使用 lodash

前人栽树，后人乘凉vue3.x的时代，已然来临。相对于vue2.x的版本，是有很大的变化出入。

Dark_programmer·2023-11-24 10:10

Vue2.x和Vue3.x渲染器的diff算法

简单来说，diff算法有以下过程同级比较，再比较子节点先判断一方有子节点一方没有子节点的情况(如果新的children没有子节点，将旧的子节点移除)比较都有子节点的情况(核心diff)递归比较子节点正常Diff两个树的时间复杂度是O(n^3)，但实际情况下我们很少会进行跨层级的移动DOM，所以Vue将Diff进行了优化，从O(n^3)->O(n)，只有当新旧children都为多个子节点时才需要用

抽疯的稻草绳·2023-11-22 06:01

vue3.x实现word文件的预览

最近开发了一个需求，要求实现预览图片、pdf、excel、word、txt等格式的文件；每种格式的文件想要实现预览的效果需要使用对应的插件，如果要实现word格式文件的预览，要用到哪种插件呢？答案：mammoth.browser.min.js我先转载一篇文章大家看看，我的实现方式和文章中差不多。一、Mammoth.js简介Mammoth旨在转换.docx文档（例如由MicrosoftWord创建的

时清云·2023-11-22 01:02

vue组件不需要引入就可以用了？

导入组件importuniRatefrom'@/components/uni-rate/uni-rate.vue';exportdefault{components:{uniRate}//2.注册组件}Vue3

不知名程序猿--·2023-11-19 00:40

Vue3.x中使用AntV G6绘制力导图实现自适应

Vue3.x中使用AntVG6绘制力导图实现自适应一、需求需求1：Vue3.x项目下使用AntVG6绘制力导图谱需求2：图谱节点为两个IP地址，节点间存在多条连线情况需求3：鼠标悬浮到节点上方时，高亮当前节点并出现

BreenCL·2023-11-16 10:20

顺藤摸瓜：用单元测试读懂 vue3 watch 函数

在Vue3.x的CompositionAPI中，我们可以用近似ReactHooks的方式组织代码的复用；ref/reactive/computed等好用的响应式API函数可以摆脱组件的绑定，抽离出来被随处使用了

tonylua·2023-11-14 21:01

HBuilderX vue3.X 设置路由

1安装和导入这里不讲，自行搜索2新建个router.js类router.js内容import{createRouter,createWebHistory}from"vue-router"importHomefrom'../views/Home.vue'importLoginfrom'../views/Login.vue'constroutes=[{path:'/',name:'Home',comp

龙之吻·2023-11-13 00:33

vue脚手架(vue-cli)，vue2，vue3，ref引用，路由和路由插件（vue-router），路由导航守卫，插槽

是单页面应用程序如何快速创建vue的SPA项目vue官方提供了两种快速创建工程化的SPA项目的方式：1.基于vite创建SPA项目2.基于vue-cli创建SPA项目vitevue-cli支持的vue版本仅支持vue3

xiongxinyu10·2023-11-11 21:16

android6 全局对话框,vue3.0自定义组件|vue3仿android/ios弹框|Vue3.x全局对话框

介绍前几天有给大家分享一个vue2弹框组件，今天主要分享的是Vue3.0实现轻量级移动端自定义弹出框组件V3Popup。V3Popup一款基于vue3.0开发的移动端自定义弹出层组件。内置20+种参数配置、7+弹窗类型、6+弹窗动画支持msg、dialog、modal、actionSheet、toast、android/ios等弹窗类型。并且在功能效果及UI上和之前的vue2保持一致。快速引入在m

華先生·2023-11-11 14:05

VUE3.x 前瞻

文档：APIReference教程课件1.初始化项目//①npmi-g@vue/cli//②vuecreatemy-project//③npminstall@vue/composition-api-S//④main,jsimportVuefrom'vue'importVueCompositionApifrom'@vue/composition-api'Vue.use(VueCompositionA

weixin_30244889·2023-11-11 13:32

vue3 mitt进行组件通信

/App.vue'//引入mittimportmittfrom'mitt'constapp=createApp(App);//vue3.x的全局实例，挂载在config.globalProperties

泰语小分队·2023-11-10 22:10

vue3 - 使用 mitt 进行组件通信（详细示例教程）

介绍Vue2.x使用EventBus进行组件通信，而Vue3.x推荐使用mitt.js。比起Vue实例上的EventBus，mitt.js好在哪里呢？

街尾杂货店&·2023-11-10 22:10

[vue-router]vue3.x Hash路由前缀问题

[vue-router]vue3.xHash路由前缀问题问题描述问题分析问题描述是在本地开发时，使用的HASH路由，然后在偶然的情况下在/#/前添加了前缀，发现不影响本地的路由的使用？？？！！！例如，本地正常情况下哈希路由是：http://localhost:8080/#/user添加前缀：http://localhost:8080/fly/#/user本地时，以上两种情况均可正常查看页面，然后担

三知之灵·2023-11-09 03:18

Vue3.x 全局 API 变更

目录一、回顾Vue2.x二、一个新的全局API：createApp三、config.productionTip移除四、config.ignoredElements替换为config.isCustomElement五、Vue.prototype替换为config.globalProperties六、插件使用者须知七、挂载App实例八、Provide/Inject九、在应用之间共享配置一、回顾Vue2

小草莓蹦蹦跳·2023-11-08 09:56

Vuepress 文档脚手架(vue 3.x+vuepress2.x+vite+ts)

这里提供一个解决方案，那就是Vuepress框架，最新的Vuepress2.x框架已经蓄势待发，支持Vue3.x。

IT飞牛·2023-11-08 01:55

vue 常用知识点梳理

2、Vue3.x响应式数据原理Vue3.x改用Proxy替代Object.defineProperty。因为Proxy可以直接监听对象和数组的变化，并且有多达13种拦截方法。并且作为新标准将

笑着仰朢陽光·2023-11-07 14:16

Vue 3 迁移策略笔记—— 第30节：新增功能——Teleport

Teleport是Vue3.x新增自定义元素，借助Teleport可以控制Teleport内部的内容挂载到具体的元素中。场景模拟我们先看这样的一个场景在一个多层嵌套的组件中，我们构建了一

杰~JIE·2023-11-06 09:52

Vue.use的使用和基本原理

Vue.use的使用和基本原理介绍与使用Vue.use源码介绍与使用Vue.use()（vue2.x是Vue.use,vue3.x是app.use）在vue中使用很多，比如ElementUI,vantUI

Boale_H·2023-11-05 23:40

基于Vue3+Element-Plus的拖拽式表单设计器

AK-Design拖拽式表单设计器AK-Design是一个纯前端的拖拽式、可视化、低代码数据可视化设计器开发平台，主包括表单设计、列表页设计、流程设计、数据可视化大屏设计、数据统计设计使用基于Vue3.

dsyuan001·2023-11-05 07:14

Vue 3 迁移策略笔记—— 第6节：自定义指令

概述为了更好的与组件生命周期保持一致，Vue3.x对自定义指令的钩子函数进行了重命名。

杰~JIE·2023-11-05 05:57

npm run serve 和 npm run dev 的区别

一般在vue3.x的时候用npmrunserve,vue2.x项目运行的时候用到npmrundev，dev是vuecli2的默认执行命令，serve是vuecli4的默认执行命令例如：在vue项目终端，

牛油的果·2023-11-03 14:35

vue3.x + elementplus 设置el-tree指定节点展开

首先：在el-tree标签上绑定官方属性current-node-key=""，如下代码所示：其次：获取该el-treedom节点后赋值即可，如下代码所示：import{ref,reactive,onMounted,nextTick}from'vue';//创建变量treeRef并赋值，同时html模板上的ref=treeRef,这样才可以获取到该dom节点。获取dom节点还是要treeRef.v

皮蛋灬·2023-11-02 06:14

vue3定义和使用全局变量方法，vue3中使用echarts

文章目录前言一、定义和使用全局变量1.定义2.使用前言在我们使用vue3.x的时候，有些特性还是跟vue2.x区别很大的，这里讲下echarts的使用和怎么定义和使用全局变量vue2中是：Vue.prototype

bittingCat·2023-11-02 02:48

全网第一篇：Vue 3.x + Element Plus 动态数据的分组checkbox全选实现方案(含Vue 2.x和Element UI写法）

目录最终效果：实现步骤（Vue3.x）1.ElementPlus/ElementUI的checkbox组件介绍2.加载数据3.渲染组件到页面4.处理全选/单选事件5.提交选中的数据附：Vue2.x和老版

六吨代码·2023-11-01 01:54

vue3使用＜script setup＞语法糖后如何在父组件用ref调用子组件的方法

vue3使用setup语法糖后如何在父组件用ref调用子组件的方法什么是setup语法糖根据vue3.x官方解释script是在单文件组件(SFC)中使用组合式API的编译时语法糖。

lihaijin8090·2023-10-31 12:47

从 0 开始手把手带你搭建一套规范的 Vue3.x 项目工程环境

Vue3跟Vite正式版发布有很长一段时间了，生态圈也渐渐丰富起来，作者已在多个项目中使用，总结一下：就是快！也不用担心稳定性问题，开发体验真不是一般好！还没尝试的同学可以从本文开始学习，从0开始手把手带你搭建一套规范的Vite+Vue3+TypeScript前端工程化项目环境。本文篇幅较长，从以下几个方面展开：架构搭建代码规范提交规范单元测试自动部署本项目完整的代码托管在GitHub仓库，欢迎点

飞歌Fly·2023-10-31 07:22

推荐频道

Vue3.x