VUE2.x

vue3+node(koa2)写一个网站(一)-前端篇

项目中采用vue3的新语法来写代码，当然你还是用原来的vue2.x语法也不会有问题。
海阔天空.·2022-07-26 10:46

关于我写了个虚拟树组件这回事

多的不说,可以直接看演示https://5kgy3l.csb.app/npmivirtualtree-vue2yarnaddvirtualtree-vue2虚拟树此组件为Vue2.x开发开源不易如果对你有一点帮助点个免费的
·2022-07-22 11:27

vue3中如何实现定义全局变量

目录vue3定义全局变量vue3全局变量app.config.globalProperties的使用globalPropertiesvue3定义全局变量在vue2中，我们知道vue2.x是使用Vue.prototype
·2022-07-21 11:44

教你在vue项目中使用svg图标的方法

svg-sprite-loadernpminstall--save-devsvg-sprite-loader文件夹目录（xxx.svg注意：这里的xxx不要使用中文）-assets--icon---svg---index.js配置依赖//Vue2
·2022-07-21 11:37

vue2和vue3项目keepAlive

常用的用法是将组件或者路由缓存，现有的用法vue2.x与vue3.x有部分差别。以下主要将keepaliev在vue3.0中的用法。
qq_37140828·2022-07-19 10:30

Vue 2.7 is Now in Beta

前言：今天，Vue创始人尤雨溪刚刚正式发布了Vue2.x最后一个版本：Vue2.7，代号“Naruto”（火影忍者）。
湫夨兮·2022-07-16 17:13

Vue2.7正式发布！代号为：Naruto（火影忍者），原生支持 Composition API +终于可以在Vue2项目中使用Vue3的新特性了，真香~

前言：今天，Vue创始人尤雨溪刚刚正式发布了Vue2.x最后一个版本：Vue2.7，代号"Naruto"（火影忍者）。
南北极之间·2022-07-16 17:10

vue-cli2.x旧版本卸载不掉的问题踩坑指南(附Vue脚手架安装教程)

目录旧版本卸载问题说明问题解释问题解决总结旧版本卸载问题说明vue2.x脚手架旧版本卸载不掉的问题：（卸载命令运行后输入vue--version仍一直显示旧版本）问题解释首先明确一点，卸载不掉肯定说明你的电脑中至少有两个地方存在脚手架
·2022-07-15 06:14

Vue 3 迁移策略笔记—— 第4节：$attrs 包括class&style

概述Vue3.x中，$attrs将包含传递给组件的所有属性，包括class和styleVue2.x的$attrs在Vue2.x中，关于父组件使用子组件有这样一个原则：默认情况下父作用域的不
杰~JIE·2022-07-12 16:18

Vue3兄弟组件传值之mitt的超详细讲解

项目中安装mitt使用方式一：在原型中声明使用方式二：在组件中引用总结前言Vue2.x使用EventBus事件总线进行兄弟组件通信，而在Vue3中事件总线模式已经被移除，官方建议使用外部的、实现了事件触发器接口的库
·2022-07-09 17:14

vue2.x 组件之间传值

文章目录前言一、父传子1.父组件传值给子组件1.父组件传值2.子组件接收1.接收2.校验。3.添加默认值4.总结2.父组件操作子组件二、子传父1.子组件传值给父组件2.父组件接收子组件的值2.子组件操作父组件三、兄弟组件之间传值四、其他关系组件之间传值前言vue组件之间传值的意义，是为了更好的达到组件复用。写更少的代码，实现页面更简洁、更高效、更复用。一、父传子1.父组件传值给子组件1.父组件传值
平平Pe·2022-07-09 14:53

vue2.x组件间传值（父传子、子传父、兄弟组件间）

序言vue框架最显著的特点就是组件化开发，比如，实现一个添加功能，在父组件中有一个添加按钮，点击添加按钮弹出一个窗口(弹窗为子组件)，当输入完表单信息保存时，就需要将数据传给其他组件执行其他逻辑。目录父组件向子组件传值props子组件向父组件传值emit兄弟组件传值eventBus1.父组件向自组件传值props子组件在props中创建一个属性，用以接收父组件传过来的值父组件中注册子组件在子组件标
失忆症患者_·2022-07-09 14:22

vue2.x版本中computed和watch的使用及关联和区别

目录前言区别补充结语前言前面篇介绍了computed和watch的基本使用vue2.x版详解computed和watch的使用两者的区别，继续通过代码实现的方式具体去了解html最开始的value值：{
·2022-07-01 19:42

vue2.x版详解computed和watch的使用

目录前言一、computed基础使用使用其他组件状态getterVSsetter二、watch基本使用immediate和deep实例前言在基于vue框架的前端项目开发过程中，只要涉及到稍微复杂一点的业务，我们都会用到computed计算属性这个钩子函数，可以用于一些状态的结合处理和缓存的操作。一、computed基础使用在computed中，声明一个函数，并需要提供一个返回值，用于在页面展示或者
·2022-07-01 17:06

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模版编译原理Vue2.x和Vue3.x渲染器的diff算
你吃不饱就好·2022-06-21 22:20

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

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

Vue2.x 基础教程 - 环境部署和创建项目

Vue2.x基础教程1.环境搭建（Windows）1.1.Node.js-Vue基础框架1.2.VSCode-免费全平台全能IDE2.创建Vue2.x项目2.1安装Vue2.x脚手架2.2创建项目3.Vue2
ljfblog·2022-06-16 00:34

详解Vue 自定义hook 函数

本质是一个函数，把setup函数中使用的CompositionAPI（组合API）进行了封装类似于vue2.x中的mixin自定义hook的优势：复用代码，让setup中的逻辑更清楚易懂使用首先我们做一个功能
·2022-06-15 14:06

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

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

vue跨域和拦截器的配置

（这儿我以vue2.x为例）安装什么的，我就不在这儿说了。你能找到小冰的博客，说明你对前端也有一些了解了。当然，我安装是在“菜鸟教程”里的叔进行安装的。
爱敲代码的小冰·2022-06-14 12:26

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

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

VUE2.0和VUE3.0的区别

Vue2.x版本中的双向绑定不能检测到下标的变化。varobj={};Object.defineProperty(obj,'prop',
青青树木·2022-06-08 07:34

vue2.x在模块化编程中子组件必须修改props值时

vue2.x在模块化编程中子组件必须修改props值在vue官方文档中明确规定props的数据是单向的,我们不应该试图在子组件中修改props！
yuan5801551·2022-06-07 14:41

视频教程-Vue2.x-Vue

Vue2.x拥有6年web前端和后端开发经验，4年授课经验，还曾在百度专业培训过网络营销课程，曾就职于联想集团和当当网，不仅有丰富的项目实战经验还有营销经验，综合实力较强，后入北京市各种培训机构，给社会带来更多的
weixin_29892737·2022-06-07 14:10

Vue2.x - 核心

目录Vue简介Vue是什么为什么需要Vue来构建用户界面？传统的基于原生JavaScript或者基于jQuery库的DOM操作有何缺点？什么是渐进式框架Vue特点MVVM模型初识VueMVVM模型el和datael的取值说明View的指定时机vm实例和View的一一对应关系data的取值说明data属性的数据代理Vue响应式概念及原理简介data小结模板语法Mustache插值语法v-bind属性
伏城之外·2022-06-07 14:05

Vue2.x 核心基础（ vue-router路由,vue-router 的基本使用,vue-router 的常见用法,动态路由匹配,声明式导航 & 编程式导航,导航守卫）

theme:channing-cyanVue2.x核心基础（vue-router路由）1.前端路由的概念与原理1.1什么是路由路由（英文：router）就是对应关系。1.2SPA与前端路由SPA指的是一个web网站只有唯一的一个HTML页面，所有组件的展示与切换都在这唯一的一个页面内完成。此时，不同组件之间的切换需要通过前端路由来实现。结论：在SPA项目中，不同功能之间的切换，要依赖于前端路由来完
魔术师ID·2022-06-07 14:32

Vue2.x - 组件化编程

目录初识组件化什么是组件、组件化为什么需要组件化简单了解Vue组件和vm的关系Vue组件分类非单文件组件定义组件不能使用el，只能使用template关于template属性的说明data不能使用对象式写法，只能使用函数式写法注册组件局部注册全局注册定义组件的简写形式使用（创建）组件组件标签创建组件实例的时机组件名的定义组件名定义的两种情况组件名的命名规则以及VueDevTools显示规则组件标签
伏城之外·2022-06-07 14:20

Vue2.x模块化开发知识点总结

模块化开发常见的模块化的规范CommonJSAMDCMD也有ES6的ModulesCommonJS需要底层支撑commonJS的导出：module.exports={flag:true,test(a,b){returna+b},demo(a,b){returna*b}}commonJS的导入：let{test,demo,flag}=require('moduleA');//等同于let_mA=re
大大黄、·2022-06-07 14:42

【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

Vue2.x 项目性能优化之代码优化

文章目录1v-if和v-show的使用2computed和watch区分使用3v-for遍历必须为item添加key，且避免同时使用v-if4纯显示长列表性能优化5事件的销毁6图片资源懒加载7路由懒加载8第三方插件按需引入9优化无限列表性能10服务端渲染SSRor预渲染众所周知，Vue项目采用了数据双向绑定和虚拟DOM基础，在数据驱动代替DOM频繁渲染已经算是非常高效了，对开发者而言已经非常优化了
优小U·2022-06-06 10:41

vue数据对象length属性未定义问题

目录数据对象length属性未定义问题解决vue2.x中数组length属性报错原因解决方案数据对象length属性未定义问题通过axios得到接口数据，但发现该数据length属性在打印的时候undefined
·2022-06-02 18:51

vue3如何使用ref获取元素

2.ref本质3.ref注意点4.ref获取元素vue3使用ref获取元素在vue2.x中，可以通过给元素添加ref='xxx'属性，然后在代码中通过this.
·2022-05-29 10:40

关于Vue 监控数组的问题

Vue是如何追踪数据发生变化在Vue中当我们把一个普通的JS对象作为data传入Vue实例，Vue2.x对这个数据初始化时将
·2022-05-28 15:45

js获取页面尺寸

在开发中经常用到获取元素位置和大小的需求，我最近在vue2.x上写了一个图片查看组件，它有拖动，定点缩放功能，这就需要获取视口大小，元素位置和大小。
·2022-05-22 16:40

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.
几何心凉·2022-05-16 12:21

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

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

vue中v-for和v-if一起使用之使用compute的示例代码

目录版本目标效果说明解决方法核心代码片段Car.vue版本vue2.9.6element-ui:2.15.6目标效果说明在vue2.x中，在一个元素上同时使用v-if和v-for时，v-for会优先作用解决方法选择性地渲染列表
·2022-05-11 23:55

详解vue中v-for和v-if一起使用的替代方法template

目录版本目标效果说明解决方法核心代码片段Car.vuevue中v-for和v-if一起使用的替代方法template版本vue2.9.6element-ui:2.15.6目标效果说明在vue2.x中，在一个元素上同时使用
·2022-05-11 23:55

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

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

vue中前端代理跨域问题实例总结

注意：这里讲解的是vue2.x版本的方法！第一首先我们需要先确定我们所使用的接口名，我这里使用的自己Java后端的接口和python后端的接口http://localhost:8081/a
·2022-05-06 16:59

vue2.x background:url()的踩坑记录

目录background:url()的踩坑记录backgroundImage路径问题处理方法background:url()的踩坑记录开发模式下vue中background:url(‘../../assets/img/xxxxx’)直接写在行间样式不生效，即不能直接在标签中style属性中写，必须写在非行间样式才会生效。如果要写在行间样式中，需要对资源进行导入，比如ES规范的import或者Com
·2022-04-29 16:03

vue2.x版本中Object.defineProperty对象属性监听和关联

前言在vue2.x版本官方文档中深入响应式原理https://cn.vuejs.org/v2/guide/reactivity.html一文的解释当中，Object.defineProperty将声明响应式
·2022-04-27 09:57

vue2.x版本中Object.defineProperty对象属性监听和关联

前言在vue2.x版本官方文档中深入响应式原理https://cn.vuejs.org/v2/guide/reactivity.html一文的解释当中，Object.defineProperty将声明响应式
程序猿布欧·2022-04-27 09:00

vue3.x路由404通配处理

vue-router3.x通配规则vue2.x对应的vue-router3.x的404路由通配方式：{path:'*',//会匹配所有路径name:'404',component:()=>import(
·2022-04-21 17:34

ElementUI日期选择器时间选择范围限制的实现

设置选择今天以及今天之后的日期情景2:设置选择今天以及今天以前的日期情景3:设置选择今天之后的日期（不能选择当天时间）两个输入框情景1:限制结束日期不能大于开始日期ElementUI是饿了么推出的一套基于vue2
·2022-04-15 10:31

Vue2.x 的双向绑定原理及实现

目录1、实现过程2、显示一个Observer3、实现Watcher4、实现Compile5、添加解析事件6、完整版myVueVue是利用的Object.defineProperty()方法进行的数据劫持，利用set、get来检测数据的读写。https://jsrun.net/RMIKp/embedded/all/lightMVVM框架主要包含两个方面，数据变化更新视图，视图变化更新数据。视图变化更
·2022-04-13 15:57
上一页 8 9 10 11 12 13 14 15 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他