Vue2.x

【Vue技巧】Vue2和Vue3组件上使用v-model的实现原理

在Vue2.x中，v-model默认会利用名为value的prop和名为input的事件来更新变量。如果你想在自定义组件中
海鲸AI·2024-01-12 09:51

在vue项目中引入less

本文将简单介绍在vue2.x的环境下引入并使用less的流程1、安装less在项目的根目录下打开命令行工具，执行命令：npminstalllessless-loader--save-dev安装完成后打开
BAEBAE996·2024-01-12 04:22

用proxy实现一个更优雅的vue

前言如果你有读过Vue的源码，或者有了解过Vue的响应原理，那么你一定知道Object.defineProperty(),那么你也应该知道，Vue2.x里，是通过递归+遍历data对象来实现对数据的监控的
noahlam·2024-01-12 01:14

Vue3中组件的挂载及调用

在Vue2.X中，我们通过Vue.prototype.$dialog=dialog的方式挂载组件，并使用this.＄xxx的形式通过函数调用组件，如this.
Trist丨·2024-01-10 15:55

vue2.x中Watch和vue3.x中Watch使用和区别

vue2.x中的watch基本的使用：我们创建一个Demo组件，定义一个count数据，当点击的时候让count加1，并且监听watch的变化
狮子歌歌_丶·2024-01-09 01:22

Vue3 快速上手-基于Vue2基础

新的特性一、创建Vue3.0工程1.使用vue-cli创建2.使用vite创建二、常用CompositionAPI1.拉开序幕的setup2.ref函数3.reactive函数4.Vue3.0中的响应式原理vue2
不爱吃奶昔（zsl0）·2024-01-08 19:15

Vue2 介绍

Vue1.x已经过时了，我们使用Vue2.x。数据绑定vue文件开发方式render方法Vue是一个数据绑定的框架。响应式。.vue文件的开发方式。
廖马儿·2024-01-08 14:00

Vue响应式原理

，避免了繁琐的DOM操作，提高开发效率双向绑定数据改变，视图改变；视图改变，数据也随之改变数据驱动Vue最独特的特性之一，开发过程中仅需要关注数据本身，不需要关心数据是如何渲染到视图数据响应式核心原理Vue2
翔子丶·2024-01-08 05:30

vue2.x与3.x静态路由和动态路由

路由路由是根据url分配对应的处理程序。在vue中，url与组件绑定形成一一对应的关系，那么路由就是根据url分配对应的组件。路由分为静态的和动态的。动态路由是指路径是动态变化的，不是一个固定的路径，可以在路径后面传递参数。我们先来看一下静态路由，静态路由就是路由是固定的，只有准确的输入路径，才能跳转到相应的组件。路由声明有两种形式即声明式和编程式。声明式声明式就是使用router-link达到切
前端御书房·2024-01-07 21:43

vue 3.0 prototype 替代用法

在vue2.x中，我们想设置全局变量，可以在main文件中用prototype绑定vue实列，在vue3.0中，可以用app.config.globalProperties来代替prototype，具体用法如下
寻ing·2024-01-07 05:32

vue实现双向绑定原理

订阅发布模式实现数据劫持：指的是在访问或者修改对象的某个属性时，通过一段代码拦截这个行为，进行额外的操作或者修改返回结果典型的有1.Object.defineProperty()2.es6中Proxy对象vue2
有个人_6e81·2024-01-06 16:07

VUE3-响应式

这个新的响应式系统使用了ES6的Proxy和Reflect的新特性，相对于Vue2.x使用的Observer和Watcher，提供了更加简洁、高效的实现。Vue3响应式系统的核心是依赖收集器
禅思院·2024-01-05 01:15

Vue3组件间通信知识整理——兄弟组件之间通信

eventBus——事件总线，作为Vue2.x兄弟组件通信的方案。但在Vue3中，eventBus已经被官方移除，官方推荐的是更为专业的mitt工具。
阿Der·2024-01-03 17:59

前端学习笔记 4：Element Plus

创建好后就可以按照官方文档中的指示，在工程目录下安装Element依赖：npminstallelement-plus--save注意，Element和ElementPlus是两个不同的项目，前者适用于Vue2
魔芋红茶·2024-01-03 15:01

探索vue2框架的世界：搭建vue2.x项目基本文件配置

基础项目架构一、环境配置安装node安装cnpm(cnpm是npm的"廉价平替"提高安装速度)npminstall-gcnpm--registry=https://registry.npm.taobao.org安装vue脚手架cnpminstall-g@vue/cli查询vue脚手架版本vue-V//@vue/cli4.5.15创建项目vuecreatexxxx二、脚手架基本文件配置main.js
@德玛玩前端·2024-01-02 18:29

学习笔记240102 --- 表单无法输入，是否data中没有提前声明导致的

前端框架：vue2.x第三方ui组件：ElementUI操作系统：windows浏览器：chrome谷歌问题描述表单使用中，没有在data中提前声明参数，当数据回显时，表单无法输入搜索exportdefault
@德玛玩前端·2024-01-02 18:58

vue2与vue3数组的区别

Vue2.x和Vue3.x在数组方面有一些不同之处，主要涉及到Vue3.x中对响应式系统的改进。
蛋黄派i·2024-01-01 06:43

2023-飞速成长的一年

2月中旬入职开始，先后完成了一些学习任务：SpringCloudAlibabaDemo学习作者:B站图灵学院周瑜前端Vue学习-达成目标Vue2.X、3.X工作中会抄，能满足日常需求《微服务架构设计模式
北i·2023-12-30 09:34

Vue3.2 自定义指令详解与实战

不同于Vue2.x中的全局和局部指令注册方式，Vue3引入了CompositionAPI，这使得自定义指令的编写和使用更为直观和简洁。
晚风914·2023-12-30 09:58

《基于 Vue 组件库 的 Webpack5 配置》- 总结

此篇以记录和总结，共同学习Webpack~推荐相关文章：《Vue2.x组件库Webpack3升5》《Vue2.x项目Webpack4升级5（半自动升级）》配置1.模式Mode一定要配置模式Mode，这里有个小知识点
AvatarGiser·2023-12-30 08:24

《Webpack5 升级》- Vue2.x 组件库 Webpack3 升 5

前言基于Vue2.x的项目和组件库开发于2019年，那时对Webpack版本没有概念，项目和组件库的版本混乱…有的使用v3，有的使用v4…对于现今2023年（或2024年）的整个生态环境是不够用的，无法使用较新和更优秀的插件
AvatarGiser·2023-12-29 08:52

Jenkins 打包 Vue 项目报错

记录下今天(20221026)发现的一个打包问题，今天下午突然发现Jenkins打包Vue2.x项目一直打包失败，报错如下：而在之前一直是正常的，自己的代码检查了再检查也没发现有写错，本地运行和打包也是没报错的
林_xi·2023-12-28 16:13

Vue2.x 源码 - v-model

上一篇：Vue2.x源码-eventv-model是Vue提供的双向绑定（数据驱动DOM，DOM变化影响数据）的全局指令，可以作用在表单元素上以及组件上；v-model解析1、在v-model的parse
三个木马人·2023-12-28 13:12

VUE2.X全局组件及动态引入组件

效果图：问题描述：当一个小item在项目中重复使用，或类似样式重复多次。左侧树结构在多个页面重复调用右侧四个小item外框相似，只有内容不同组件注册及批量注册：项目中需要多次使用，把它封装成公共组件，注册在全局进行多次复用。单独组件全局注册：在src/components文件下创建需要注册得组件文件，如：public-item/index.vue设备台账页面右侧第二个“设备统计”饼状图export
咩咩可以很温柔·2023-12-28 09:37

《Vue2.X 进阶知识点》- 防 ElementUI Divider 分割线

前言使用el-divider背景为白色是没问题的。但当背景换成其它颜色，问题就出现了！！仔细看原来是两层，默认背景色是白色。想着把背景色改为透明应该能用，结果发现背面是一条实线，难怪要用白色遮挡…不符合我的需求…实战那就仿一个吧（Vue组件）~。先看效果，上为el-divider组件，下为自定义组件。当背景为白色时差异不大（字体和线条颜色可自定义的）：换成其它背景色就很明显：以下是全部代码{{la
AvatarGiser·2023-12-27 17:14

【Vue】Vue2的最后一舞

Vue2.7是Vue2.x的最后一个次级版本。在此发布之后，Vue2将会进入长期技术支持(LTS：long-termsupport)状态，该状态从现在起计算会持续18个月，且不再提供新特性。
青皮桔·2023-12-27 02:55

Vue项目中使用fontawesome图标库

FontAwesome1.使用npm安装核心包，它包含了让图标工作的所有实用工具npmi--save@fortawesome/fontawesome-svg-core2.安装vue-fontawesome组件库，Vue2
淋雪小新·2023-12-26 12:59

学习Vue2.x

ref属性（1）被用来给元素或子组件注册应用信息（id的替代者）（2）应用在html标签上获取的是真实DOM元素，或应用在组件标签上是组件实例对象（VC）（3）使用方法：打标识：或提取标识：this.$refs.titleprops属性功能：让组件接收外部传过来的数据，如父组件给子组件传递数据，子组件接收数据使用：（1）传递数据：（2）接收数据，第一种方式，只接收：props:[‘name’]第二
深巷的猫~·2023-12-25 04:03

基于Vue2.x的前端架构，我们是这么做的

通过VueCLI可以方便的创建一个Vue项目，但是对于实际项目来说还是不够的，所以一般都会根据业务的情况来在其基础上添加一些共性能力，减少创建新项目时的一些重复操作，本着学习和分享的目的，本文会介绍一下我们Vue项目的前端架构设计，当然，有些地方可能不是最好的方式，毕竟大家的业务不尽相同，适合你的就是最好的。除了介绍基本的架构设计，本文还会介绍如何开发一个VueCLI插件和preset预设。ps.
街角小林2·2023-12-24 19:36

vue项目的创建和vue-router的详解

选择要创建项目的类型这里我通过方向键的上下键选择最后一个的自定义类型对项目中需要的内容进行选择通过空格来进行选择和取消选择选择vue.js的版本这里我们选择vue2.x的版本通过方向键来进行选择选择路由的模式输入
PCthedream·2023-12-24 01:35

vue-markdown插件zyf-markdown

这个插件目前只兼容vue2.x，暂时还不兼容vue3.0，兼容ie仓库地址国内仓库地址仓库地址示例demo安装npminstallzyf-markdown使用在main.js中调用importmarkDownfrom'zyf-markdown'Vue.use
沙滩上的一颗石头·2023-12-23 01:28

Vue.js 源码剖析-模板编译

Vue.js源码剖析-模板编译Vue模板编译为什么需要模板编译Vue2.x使用VNode描述视图以及各种交互，用户自己编写VNode比较复杂模板编译的目的将模板(template)字符串转换为渲染函数(
Wuner·2023-12-22 14:28

vue3.0 reactive函数

基本语法import{reactive}from"@vue/composition-api"//按需导入函数conststate=reactive({count:0})//得到的state类似于vue2
阿鑫YuXi9999·2023-12-22 12:21

如何在vue2中使用，没有npm包的js库

在vue2.X项目中，如果是是需要使用第三方的软件库，如果我们在npm中没找到对应的软件安装包，如果我们想要使用可以通过如下两个方法方法一：直接找到public文件夹下的index.html在头部直接通过
搬砖的哈哈·2023-12-21 21:50

前端漏洞信息：Vue2.x 项目删除 .js.map 文件

编译后不要生成.js.map文件，在vue.config.js文件中如下配置即可module.exports={productionSourceMap:false}
AvatarGiser·2023-12-21 10:33

Vue基础 (黑马程序员讲解)

Vue2.x技术精讲目录：1.Vue快速上手vue概念/创建实例/插值表达式/响应式特性/开发者工具2.Vue指令v-html/v-show/v-if/v-else/v-on/v-bind/v-for/
妄心×·2023-12-21 03:53

Vue3配置使用vue-router路由

随着Vue版本的升级，Vue2.x项目和Vue3.x项目在使用vue-router上有些区别，本文就简单介绍下vue-router在Vue3中的配置和使用。
天問_·2023-12-20 07:44

vue 高频面试题

1.简单说一下Vue2.x响应
月亮困了r·2023-12-18 11:28

Vue2.X 的 TypeScript 最佳实践

前言其实Vue官方从2.6.X版本开始就部分使用Ts重写了。我个人对更严格类型限制没有积极的看法，毕竟各类转类型的骚写法写习惯了。然鹅最近的一个项目中，是TypeScript+Vue，毛计喇，学之...…真香！注意此篇标题的“前”，本文旨在讲Ts混入框架的使用，不讲ClassAPI[图片上传失败...(image-15f86f-1623920495409)]1.使用官方脚手架构建npminstal
吞风咽雪·2023-12-18 04:47

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

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

Electron+Vue手动搭建(非electron-vue方式)

不知道是不是我的问题，所以我这次想手动搭建，使用electron比较新的版本+Vue2.x版本(由于3.x还没有着手在项目中实践故没有用)。
咖啡与喵·2023-12-17 08:35

Vue2.x源码：new Vue()做了啥

例子1newVue做了啥?newVue做了啥,源码解析initMixin函数初始化–初始化Vue实例的配置initLifecycle函数–初始化生命周期钩子函数initEvents–初始化事件系统初始化渲染initRender初始化inject选项例子1{{title}}newVue({el:'#app',data:()=>{return{title:'HomePage'}}})更多详细内容，请微
前端布道人·2023-12-16 12:49

Vue2.x源码：new Vue()做了啥

例子1newVue做了啥?newVue做了啥,源码解析initMixin函数初始化–初始化Vue实例的配置initLifecycle函数–初始化生命周期钩子函数initEvents–初始化事件系统初始化渲染initRender初始化inject选项例子1{{title}}newVue({el:'#app',data:()=>{return{title:'HomePage'}}})更多详细内容，请微
前端布道人·2023-12-16 12:49

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

（1）在vue2.x中，v-for的优先级高于v-if的优先级，当同时使用时，会导致v-if没有判断时，元素已经被渲染了一部分。
每月一瓶米诺地尔·2023-12-16 07:40

Vue2.x 中实现父子组件间的双向绑定

Vue2.x中父子组件中props的属性不能在子组件中改变其值然后传出至父组件了，但是有的时候也会存在一些麻烦，比如我们想要实现一些自定义组件，总是会有值的传入传出改变的，比如我希望做一个popup，那么肯定需要根据父节点的状态来确定子节点
CRUD_科科·2023-12-15 07:45

el-tree数据量过大，造成浏览器卡死、崩溃

el-tree数据量过大，造成浏览器卡死、崩溃场景：树形结构展示，数据超级多，超过万条，每次打开都会崩溃我这里采用的是引入新的插件虚拟树，它是参照element-plus中TreeV2改造vue2.x版本虚拟化树形控件
hibiscusxin·2023-12-06 13:55

vue2.x 中全局和按需引入 element-ui 组件库 ？

全局引入安装依赖npminstallelement-ui-Smain.js中引入全局完整引入importElementUIfrom'element-ui';import'element-ui/lib/theme-chalk/index.css';Vue.use(ElementUI);按需引入安装依赖npminstallelement-ui-S引入插件按需引入功能依赖于babel-plugin-co
『九离~空白』·2023-12-06 12:05

vue2.x中事件总线EventBus的使用

vue2.x中事件总线EventBus的使用一、使用方法二、手写实现EventBus原理一、使用方法//eventBus.jsimportVuefrom"vue";constEventBus=newVue
Lin_熊米·2023-12-05 19:57

vue2.x框架里面的事件总线eventBus的原理解析

vuejs2.x里面的事件总线大家因该都会用了leteventBus=newnew()然后我们就就可以获取到实例上的on,on,on,emit,$off事件了，从而就可以进行组件特别是兄弟组件之间的数据传递了！今天我们不讲怎么使用这个，主要记录下怎么实现这个总线的原理！不多说，上代码发布—订阅模式又叫观察者模式，它定义对象间的一种一对多的依赖关系，当一个对象的状态发生改变时，所有依赖于它的对象都将
风清云淡_A·2023-12-05 19:25

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

面试官：Vue3.0所采用的CompositionApi与Vue2.x使用的OptionsApi有什么不同？
C+ 安口木·2023-12-04 19:31
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他