Vue2.x

css-深度选择器-vue2

/deep/伪类在Vue2.x中是一个被废弃的特性，并且在Vue3.x中已经移除。

"*smile*"·2024-09-06 22:14

vue 批量自动引入并注册组件或路由

有时候有大量的组件.vue后缀的,或.js,或.ts文件,需要一个个的手动引入很麻烦,那么你可以尝试这样创建一个index.js本项目使用vue3.x,vue2.x也可以照样用;这里在components

yang295242361·2024-09-03 22:19

Vue2.X是如何利用Object.defineProperty()实现数据绑定的

Vue2.X是如何利用Object.defineProperty()实现数据绑定的上一篇文章写到了Object.defineProperty的使用，这篇文章说一下Vue是如何利用这个方法实现数据绑定的。

伯约同学·2024-08-29 07:41

【Vue3 工程自动化】自动导入多个组件

一、Vue2.X版本：require.context()require.context(dirname,useSubdirectories,RegExp)是一个webpack的api，通过该函数可以获取一个上下文

MagnumHou·2024-08-28 03:17

Vue-devtools 大揭秘：Vue3.X 和 Vue2.X 调试工具安装及使用指南

目录Vue-devtools介绍Vue2.X调试工具Vue-devtools的安装Vue2.X调试工具Vue-devtools的使用Vue3.X调试工具Vue-devtools的安装Vue3.X调试工具

前端基地·2024-08-25 10:21

探索vue2框架的世界：关于vue2.x的性能优化和常见的白屏原因

在本篇文章中，博主总结了一些常见的vue2框架性能优化方法和项目启动出现白屏的原因，还望走过路过的同行和大神们点赞关注,多多指教，用你们发财的小手给予博主大大的鼓励。vue2x性能优化1.路由懒加载，有效拆分应用大小，访问时才异步加载vue是单页面应用，可能会有很多的路由引入，这样使用webpack打包后的文件会很大当进入首页时，加载的资源过多，页面会出现白屏的情况，不利于用户体验如果我们能把不同

@德玛玩前端·2024-03-11 14:44

vue3速查笔记

文章目录一、创建Vue3.0工程1.使用vue-cli创建2.使用vite创建二、常用CompositionAPI1.拉开序幕的setup2.ref函数3.reactive函数4.Vue3.0中的响应式原理vue2

一只小白菜~·2024-03-11 12:40

Vue 3 中的 Teleport 特性详解

在Vue2.x版本中，组件的渲染总是受限于其所在的父组件或祖先组件的DOM结构。有时，这会对实现某些UI交互模式造成不便

琛哥的程序·2024-03-04 14:36

Vue中的数据请求

Promise,并且已经做好了封装，可以直接使用)使用别人封装好的第三方库目前最流行的，使用率最高的是axiosvue中我们最常使用的vue1.x的版本提供了一个封装库vue-resource,但是到了vue2

nerao·2024-02-20 09:42

Vue3学习——computed、watch、watchEffect

computed与Vue2.x中computed配置功能一致写法import{computed}from'vue'setup(){...

可乐KL·2024-02-19 23:21

vue router 跳转php,vue路由：路由跳转后怎么知道切换到那个router-view中

应用场景首浏围开幸，业来很广例量站标闪择以近览着发次尝试用vue2.x重构传统页面。使用vueinitwebpackxxx创建项目友持都发很秀框事,应编差里互是过是来本商理类了如则处果。

weixin_39908106·2024-02-15 09:13

Vue3快速上手

新的特性一、创建Vue3.0工程1.使用vue-cli创建2.使用vite创建二、常用CompositionAPI1.拉开序幕的setup2.ref函数3.reactive函数4.Vue3.0中的响应式原理vue2

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

Vue2.x源码：开启源码调试环境

gitHub上克隆或者直接下载压缩包链接：https://github.com/vuejs/vue此次源码版本为[email protected]#安装依赖npmi#安装rollup:npmi-grollup发现npmi安装失败（在Mac上操作存在）；执行[email protected]再执行npmi执行安装成功package.json文件修

HaanLen·2024-02-11 03:21

Uni-App学习路线

Uni-App学习路线学习Uni-app用到的技术Uni-app官网HtmlCssJavaScriptVue2.xAxiosMockScss成长路线:一.必须掌握前端基础知识html\css\js\vue2

吃肉肉不吃肉肉·2024-02-09 08:42

vue3项目keepAlive使用方法详解

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

Trank-Lw·2024-02-08 13:47

Vue.js 源码分析——模板编译和组件化

渲染函数render(h){returnh('div',[h('h1',{on:{click:this.handler}},'title'),h('p','somecontent')])}模板编译的作用Vue2

丽__·2024-02-07 12:41

springboot2.x集成websocket，Vue2.x使用websocket，完整前后分离通信demo

前言什么是websocketwebsocket协议WebSocketprotocol是HTML5一种新的协议。它实现了浏览器与服务器全双工通信(full-duple)。一开始的握手需要借助HTTP请求完成。通俗的来讲，websocket是客户端与服务端建立连接之后，客户端可以监听到服务端发来的消息，服务端也可以监听到客户端发来的消息。java后端构建websocket服务1.依赖引入org.spr

干饭两斤半·2024-02-06 15:21

vue+cesium：从0到1部署开发运行环境

本系列教程是在vue2.X的基础上加载cesium程序，来开发各种示例程序。

还是大剑师兰特·2024-02-06 12:59

解决火狐和safira浏览器不支持e.path问题

场景：手写级联组件下拉框时，需要点击级联组件区域外触发事件来关闭下拉框//vue2.x点击元素外触发事件的指令Vue.directive("clickoutside",{//初始化指令bind(el,binding

guizi0809·2024-02-05 19:18

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

文章目录开始之前正文一、OptionsApi二、CompositionApi三、对比逻辑组织OptionsAPICompostionAPI逻辑复用小结开始之前CompositionAPI可以说是Vue3的最大特点，那么为什么要推出CompositionApi，解决了什么问题？通常使用Vue2开发的项目，普遍会存在以下问题：代码的可读性随着组件变大而变差每一种代码复用的方式，都存在缺点TypeScr

花言儿·2024-02-05 15:02

Vue2.x 使用 extend方法创建自定义对话框

对话框该组件是个对话框，基于Vue、element-ui的【Dialog对话框】&【Button按钮】组件调用方式、优点及需求来源组件调用方式this.$daillog({text:'123'//这里定义提示文字}).then(()=>{//点击确定后需要执行的操作console.log('success')}).catch(()=>{//点击取消后需要执行的操作console.log('fail

weixin_47276928·2024-02-04 16:56

Vue学习笔记14 --自定义hook函数/toRef/provide/inject等

类似于vue2.x中的mixin。自定义hook的优势:复用代码,让setup中的逻辑更清楚易懂。10.toRef作用：创建一个ref对象，其value值指向另一个对象中的某个属性。

jxncxgx·2024-02-03 14:30

Vue2.x全家桶学习笔记

一、概述1.1、什么是VueVue是一个自底向上逐层应用、注重视图模块、快捷构建前端应用的渐进式框架！1.2、为什么使用Vue随着项目规模的增大、业务流程的复杂度提升，现在主流的项目开发方式主要是前后端分离模式灵活的前端应用：可以随时在不影响后端服务的情况下进行维护便捷的扩展维护：可以在独立的前端项目中不影响原有功能的情况下实现高效的功能扩展和维护鉴于上面的开发要求，使用Vue框架的优势：快速、高

茴香馅饺子~·2024-02-03 12:25

vue $attrs和$listenners

Vue2.x中的attrs和attrs和attrs和listeners或许很多Vue小白跟我一样,在之前不太了解attrs和attrs和attrs和listenners这两个API是干嘛的,甚至没有听过或者使用过

汪小敏同学·2024-02-01 01:28

Vue2.x 和 Vue3.x 生命周期钩子函数对比

Vue2------------------vue3beforeCreate=>setup()created=>setup()beforeMount=>onBeforeMountmounted=>onMountedbeforeUpdate=>onBeforeUpdateupdated=>onUpdatedbeforeDestroy=>onBeforeUnmountdestroyed=>onUnmo

coderfl·2024-01-31 22:53

Vue学习笔记13-- Vue3之计算属性与监视

7、计算属性与监视1.computed函数与Vue2.x中computed配置功能一致写法import{computed}from'vue'setup(){...

jxncxgx·2024-01-31 00:24

vue生命周期

下面是Vue2.x中常用的生命周期钩子函数：beforeCreate：在实例初始化之后，数据观测(dataobserver)和事件配置之前被调用。

亮学长·2024-01-30 13:11

vue3(proxy)数据双向绑定

2.相比于vue2.x，使用proxy的优势如下1.vue2的defineProperty只能监听某个属性，不能对全对象监听vue3可以直接监听对象而非属性2

@码农小洲·2024-01-30 11:33

VueJs 监听 window.resize 方法---窗口变化

根据窗口的变化去变化canvas的宽度备注：重要的问题说三遍解决框架内的bug先说框架版本版本版本（这里用的Vue2.x、ES6）解决方案：方案一:1.第

小小码农披荆斩棘·2024-01-27 17:02

Vue2跟Vue3的对比

在Vue.js的演进过程中，Vue2.x是主要的版本，而Vue3.x是最新的版本。Vue3.x于2020年9月正式发布，与Vue2.x相比，它带来了许多重要的改进和新功能。

跟Bug双向奔赴·2024-01-27 12:58

3. Windows 10 - Nvm - Node - 创建 Vue项目 Vue-cli 脚手架 3.x

关联链接1.Windows10-Node与Vue-安装Vue2.x及3.x框架-项目创建要点-12.Windows10-Nvm——node版本管理工具的安装配置方法-报错问题集锦与解决方法-工程化Node

沐修·2024-01-26 15:28

Vue学习笔记12--Vue3之setup/ref函数/reactive函数/Vue3响应式原理/reactive对比ref

若返回一个渲染函数，则可以自定义渲染内容注意点：尽量不要与Vue2.x配置混用Vue2.x配置（data/methos

jxncxgx·2024-01-26 09:54

/deep/和＞＞＞以及 ::v-deep 三者的区别

>>>深度作用选择器的简写形式只作用于css，不支持css预加载器（less/scss）是/deep/的简写形式,适用于Vue2.x版本，Vue3.x版本使用会报错/deep/Vue2

兴趣使然的码仔·2024-01-25 17:43

样式穿透（＞＞＞和 /deep/以及 ::v-deep 三者之间的区别）

element-ui进行了封装，正常使用类名样式不会发生改变，要想修改成规定的样式，就需要使用深度选择器），直接使用>>>穿透进行样式修改只作用于css，不支持css预加载器（less/scss）适用于Vue2

Skr@Chen·2024-01-25 17:12

vue3常用知识点梳理

注意点1,尽量不要与Vue2.x配置混用2,setup不能是一个async函数，因为返回值不再是return的对象,而是promis

庙堂龙吟奈我何·2024-01-25 13:46

vue创建项目的命令

一、确保已将安装node、vue-cli二、新建文件夹，通过文件加目录输入‘cmd’1、vuecreate项目名称选择vue2.x/vue3.x/自定义2、选自需要的配置项，回车选择3、先择创建的vue

Fating-Win·2024-01-25 03:47

以传统程序员看Vue2.X开发-极简速成

一、开发环境搭建1、安装Node.js下载地址：https://nodejs.org/zh-cn/download/按提示安装，根据系统环境不同，可能需要安装C++Build和Python.验证C:\Users\zhoujy>node--versionv14.15.0C:\Users\zhoujy>npm--version6.14.82、安装Vue组件因直接使用npm国外源安装速度较慢，推荐使用国

阿波罗.2012·2024-01-23 19:27

tinyMCE-vue使用遇到的问题

准备材料npmitinymce-Snpmi@tinymce/[email protected]:我用的是vue2.x，所以这里控制了tinymce-vue的版本。

秋色暮光·2024-01-23 03:51

Vue3相较于Vue2做出了那些改变

支持3.CompositionAPI（这是重点内容）2.项目搭建与Vue2搭建项目一样，只是在后面选择时选择Vue3.X在项目搭建完成之后我们就可以看见变化在入口文件main.js中我们就可以发现这是Vue2

xihuhu·2024-01-23 01:45

【Vue3.0】- 依赖注入

问题：子孙组件如何共享数据vue2.x提供provide选项//Providerexportdefault{provide:function(){return{foo:this.foo}}}//Consumerexportdefault

啦啦啦喽啰·2024-01-21 16:20

Django+Vue+ElementUI实现的权限控制系统

项目介绍一款Python语言基于Django、Vue2.x、ElementUI、MySQL等框架精心打造的一款模块化、高性能、企业级的敏捷开发框架，本着简化开发、提升开发效率的初衷触发，框架自研了一套个性化的组件

沙拉.伊万卡·2024-01-20 16:31

web蓝桥杯真题--4、购物车

本题需要在已提供的基础项目中，使用Vue2.x的知识，解决购物车商品管理过程中遇到的问题。

畏迁c·2024-01-18 19:52

【Vue自定义事件详细介绍】

.`.once`和`.capture`6.移除事件监听器7.事件总线(EventBus)1.自定义事件Vue.js中自定义事件是组件间的一个主要通信方式，尤其是用于子组件向父组件发送消息，在Vue2.x

程序员不想YY啊·2024-01-18 04:19

前后端分离分页查询（不使用框架和插件）

后端java（不使用框架和插件），前端使用基于Vue2.x的ElementUI的分页组件大体流程：前端使用ElementUI的分页组件，发送异步请求携带currentpagepageSize两个经过初始赋值的变量去后端查询

良子c·2024-01-17 18:12

Vue3技术解析（小册子）

Vue3在使用方面会兼容部分Vue2.x的特性，比如optionsAPI。所以，究竟是要先学习Vue2打好基础，还是直接学习Vue3呢？

前端组件开发·2024-01-16 13:35

大神开源的人脸识别系统

face-easy:FACE-UI基于前后端分离Web端项目，主要实现了网页版的人脸登录，通过调取前端摄像头拍照，传入后台进行跟数据库人脸库的相似度比对，技术的用点：Springboot，Mysql，JWT，VUE2

Harbor Lau·2024-01-16 08:55

vuex的使用，vuex辅助函数、muduld的详解（文章下边）

3）使用步骤（以vue2.x脚手架为例）3.1）下载安装：npminstallvuex3.

是嗯哼小仙女呀·2024-01-15 15:50

学习 vue2.X 这篇文章就够了

1、vue指令以及案例1.1学习目标能够说出vue的基本用法能够说出vue的模板语法能够说出vue的常用特性能够基于vue实现案例效果1.2vue概述尤雨溪vue：渐进式JavaScript框架声明式渲染=>组件系统=>客户端路由=>集中式状态管理=>项目构建https://cn.vuejs.org/v2/api/易用：熟悉HTMLcssJavaScript知识后，可快速上手vue灵活：在一个库和

嘤嘤怪呆呆狗·2024-01-14 08:31

vue2和vue3生命周期钩子函数区别

vue2.x生命周期钩子函数（8个）beforeCreate（创建前）：vue实例初始化之前调用created（创建后）：vue实例初始化之后调用beforeMount（载入前）：挂载到DOM树之前调用

燕哥学前端·2024-01-13 23:09

Vue2.x和Vue3.x-自定义指令的用法及钩子函数

Vue2.x用法全局注册Vue.directive(指令名,{自定义指令生命周期})局部注册directives:{指令名,{自定义指令生命周期}}使用v-指令名:属性名.修饰符=“value值”钩子函数

SpringSir·2024-01-13 23:08

推荐频道