Vue2.0

Vue 2.0生命周期钩子函数大全

通过理解Vue2.0的生命周期，我们可以更好地控制组件的行为，实现更复杂的交互逻辑和数据管理。本文将详细介绍Vue2.0的所有生命周期钩子函数，帮助你深入理解Vue.js组件的生命周期。
姚先森TO365天·2023-11-25 00:41

Vue生命周期

Vue2.0的生命周期/钩子函数在之前的博文中，简单的介绍了一下Vue的生命周期，今天看一下它们的运行时机，需要注意的点如下：所有的生命周期钩子自动绑定this上下文到实例中，因此可以访问数据，对属性和方法进行运算
Dear_Mr·2023-11-25 00:37

尚硅谷 Vue2.0 + Vue3.0 入门到精通教程学习笔记 （三）

第三章：使用Vue脚手架3.1初识脚手架3.1.1说明1.Vue脚手架是Vue官方提供的标准化开发工具（开发平台）2.最新版本5.x(尚硅谷教程里的是4.x，另外现在官网VueCLI处于维护模式)3.文档：https://cli.vuejs.org/zh/3.1.2具体步骤第一步：全局安装@vue/cli（仅第一次执行）npminstall-g@vue/cli第二步：切换到你要创建项目的目录，然后
上官海岚·2023-11-24 20:38

VUE2.0 模板编译原理（一）：解析器

vue的template里可以填充变量、表达式、指令，这些在HTML没有的功能就是靠模板编译实现的。模板编译的作用就是将模板转换为渲染函数，渲染函数执行的时候都会生成当前最新的vnode进行页面渲染。模板--[输入]-->模板编译--[输出]-->渲染函数这个过程分为三个步骤：1、解析器：模板解析成AST（抽象语法树）；2、优化器：遍历AST标记静态节点，这样在虚拟DOM更新节点时避免重新渲染静态
登楼痕·2023-11-24 20:58

.netCore3.0 + WebApi + Vue2.0项目搭建——（三）、读取appsettings.json

一、appsettings.json我们在写项目时往往会把一些经常变动的，可能会变动的参数写到配置文件、数据库中等可以存储数据且方便配置的地方，这样会方便我们在项目上线以后做相对应的配置工作。.CoreWebApi项目中我们将把配置文件统一放在appsettings.json文件中，我们将写一个读取配置文件的公用类。二、新建公共类库新建一个Helper文件夹用来存放帮助类，并添加一个AppSett
一路向北i·2023-11-24 19:14

Vue2.0 源码解析 --- 响应式原理

题目:Vue2.0源码解析—响应式原理前言：vue的响应式原理不仅是面试时的高频考点，也是Vue区别于其他框架的一个很重要的特点，本文尝试用文图结合的方式来剖析响应式原理。
Story..·2023-11-24 18:23

【Vue2.0源码学习】内置组件篇-keep-alive

文章目录1.前言2用法回顾3.实现原理propscreateddestroyedmountedrender4.生命周期钩子5.总结1.前言是Vue实现的一个内置组件，也就是说Vue源码不仅实现了一套组件化的机制，也实现了一些内置组件，关于组件，官网如下介绍：是Vue中内置的一个抽象组件，它自身不会渲染一个DOM元素，也不会出现在父组件链中。当它包裹动态组件时，会缓存不活动的组件实例，而不是销毁它们
itpeilibo·2023-11-24 18:52

Vue 2.0源码分析之响应式数据生成的原理

概要本文通过分析Vue2.0源码，探讨一下在Vue2.0的初始化过程中，如何生成响应式数据。最后我们将关键的代码抽取出来，模拟出具体的实现过程。
懒人Ethan·2023-11-24 18:22

vue数据层思路_vue2.0源码分析 简单实现new Vue(1)

so觉得这样浑浑噩噩木有提升，开始从vue2.0源码入手，简单分析。最终实现一个简化版的Vue即可。
我不是蟾蜍先生·2023-11-24 18:51

手写Vue2.0源码（十）-计算属性原理

前言此篇主要手写Vue2.0源码-计算属性适用人群：1.想要深入理解vue源码更好的进行日常业务开发2.想要在简历写上精通vue框架源码（再也不怕面试官的连环夺命问哈哈）3.没时间去看官方源码或者初看源码觉得难以理解的同学正文
IT-小马哥·2023-11-24 18:44

Vue2.0 computed源码分析

目录一.computed初始化过程二.computed依赖的属性发生变化页面是如何重新渲染的一.computed初始化过程vue进行页面渲染首先经过属性的初始化，在创建render函数最后进行挂载阶段。在进行属性初始化的时候，会对计算属性computed进行初始化，主要代码如下：1.计算属性可以有两种写法一种是函数形式一种是对象形式，对象格式是有get和set属性。2.对于每一个属性创建一个对应的
心之所向，无力阻挡·2023-11-24 18:13

Vue2.0 vue-router源码解析

目录vue-router的两种模式以及相关知识点vue-router的组成部分vue-router是如何根据路由变化进行渲染的vue-router全局钩子是如何实现的vue-router的两种模式以及相关知识点我们知道vue-router有两种mode:一种是history，格式是已/开头的。如:/a,/b；一种是hash模式,格式是已#/开头的。如：#/a,#/b；这两种主要都是依据window
心之所向，无力阻挡·2023-11-24 18:13

Vue2.0开发之html-webpack-plugin插件(05)

一概述html-webpack-plugin插件介绍html-webpack-plugin插件安装与配置html-webpack-plugin插件的特性二html-webpack-plugin插件介绍webpack中的HTML插件(类似于一个模板引擎插件)可以通过此插件自定制Index.html页面的内容三html-webpack-plugin插件安装与配置3.1html-webpack-plug
PGzxc·2023-11-24 18:41

webpack构建Vue2.0项目初体验

想着这几天的体验，刚开始捣鼓着webpack构建Vue2.0的项目，真的是一片心酸啊～～因为看着网上诸多关于webpack+vue的教程，这些教程大多数都是一开始就介绍一大堆相关的配置，对于刚入门vue
Ertsul·2023-11-24 18:42

Vue2.0 列表渲染之列表过滤

key的作用与原理{{p.name}}-{{p.age}}-{{p.sex}}Vue.config.productionTip=falseconstvm=newVue({el:'#root',data(){return{persons:[{id:001,name:'马冬梅',age:18,sex:'女'},{id:002,name:'周冬雨',age:19,sex:'女'},{id:003,nam
结城明日奈是我老婆·2023-11-24 15:04

vue2.0借用vue-pdf实现在线预览pdf文件

在需求中，经常遇见pdf的在线预览效果实现原理：借用依赖vue-pdfvue-pdf推荐网址：https://www.npmjs.com/package/vue-pdf实现效果pdf文件样式实现步骤一：安装依赖npmi--savevue-pdf二：页面使用vue文件中上一页{{currentPage}}/{{pageCount}}下一页js文件中//引入组件importpdffrom'vue-pd
hyduan200·2023-11-24 09:27

【Vue2.0源码学习】变化侦测篇-Object的变化侦测

文章目录1.前言2.使Object数据变得“可观测”3.依赖收集3.1什么是依赖收集3.2何时收集依赖？何时通知依赖更新？3.3把依赖收集到哪里4.依赖到底是谁5.不足之处6.总结1.前言我们知道：数据驱动视图的关键点则在于我们如何知道数据发生了变化，只要知道数据在什么时候变了，那么问题就变得迎刃而解，我们只需在数据变化的时候去通知视图更新即可。要想知道数据什么时候被读取了或数据什么时候被改写了，
itpeilibo·2023-11-24 08:19

【Vue2.0源码学习】虚拟DOM篇-Vue中的虚拟DOM

文章目录1.前言2.虚拟DOM简介3.Vue中的虚拟DOM3.1VNode类3.2VNode的类型3.2.1注释节点3.2.2文本节点3.2.3克隆节点3.2.4元素节点3.2.5组件节点3.2.6函数式组件节点3.2.7小结3.3VNode的作用4.总结1.前言虚拟DOM，这个名词作为当下的前端开发人员你一定不会陌生，至少会略有耳闻，但不会闻所未闻吧。这也是现在求职面试考察中非常高频的一个考点了
itpeilibo·2023-11-24 08:19

Vue2.0入门详解

一、Vue基础1.1、概述作者：尤雨溪官网：https://cn.vuejs.orgVue.js是一套构建用户界面的渐进式框架。Vue采用自底向上增量开发的设计。Vue的核心库只关注视图层，它不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与单文件组件和Vue生态系统支持的库结合使用时，Vue也完全能够为复杂的单页应用程序提供驱动。(SPA单页面应用，所有的显示都在一个页面当中)渐进式：
River_Js·2023-11-24 07:16

vue2.0源码之数据双向绑定原理和实现

vue源码之数据双向绑定原理和实现一.双向绑定的原理介绍二.简单实现双向绑定三.体验双向绑定这里什么说是vue2.0的双向绑定原理是因为和vue3.0的实现方式是有区别的。
高质量coder·2023-11-24 07:14

vue2.0基础-简介（一）

一、Vue.js是什么？Vue.js（读音/vjuː/，类似于view）是一套构建用户界面的渐进式框架。与其他重量级框架不同的是，Vue采用自底向上增量开发的设计。Vue的核心库只关注视图层，它不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与单文件组件和Vue生态系统支持的库结合使用时，Vue也完全能够为复杂的单页应用程序提供驱动。二、Vue.js有什么特性？Vue.js的特性主要有以
flybirding10011·2023-11-24 07:43

【不使用vue-cli脚手架 搭建Vue2.0项目环境】

项目创建目录结构一、初始化npminit-y二、安装依赖2.1生产环境依赖npminstallvuevue-router-S2.2开发环境依赖npminstallbabel-loaderbabel-corevue-loadernode-sasssass-loadercss-loaderstyle-loaderwebpackwebpack-cliwebpack-dev-serverhtml-webp
兰舟啵啵·2023-11-24 04:24

vue2.0项目中引入iconfont

在页面开发过程中，经常会遇到需要引入第三方图标库的需求，iconfont是个非常丰富的第三方图标库，到底vue2.0的项目中如何引入它呢？
夏日冰红茶·2023-11-23 15:06

vue项目中使用 tinymce富文本编辑器

1.下载插件vue2.0请下载以下版本"tinymce":"5.1.0""@tinymce/tinymce-vue":"3.0.1"vue3.0请下载以下版本"tinymce":"5.10.3""@tinymce
发现一个宝藏哈哈·2023-11-23 04:55

vue2.0的new vue（）

vue2.0中newvue()发生的事件：1、newVue().
super舒楠·2023-11-23 03:26

从VUE2.0 升级到3.0 时的坑

由于我是先跑了几个vue2.0的项目，等博主我想转3.0时遇到很多问题1.首先是vue-cli脚手架卸载1.node卸载法npmuninstallvue-cli-g2.yarn卸载法yarnglobalremovevue-cli2
QF_shengxiu·2023-11-22 12:15

【vue2】使用vscode 创建vue2.0项目

1、安装vue-cli点击终端-新终端，输入：npminstall-gvue-cli等待安装成功。若安装失败，可以尝试使用：1，配置淘宝镜像：npmconfigsetregistryhttps://registry.npm.taobao.org2，配置完成后检验是否成功：npmconfiggetregistry3，重新运行命令：npminstall-g@vue/cli2、安装js打包工具终端输入：
泉城清晨的晚风·2023-11-21 17:04

VUE3 数据的计算

和Vue2.0一样，数据的计算也是使用computedAPI，它可以通过现有的响应式数据，去通过计算得到新的响应式变量，用过Vue2.0的开发者应该不会太陌生，但是在Vue3.0，在使用方式上也是变化非常大
前端不加班·2023-11-21 15:06

Vue2.0 中Less相关的用法

安装less插件安装命令[email protected]@5.0.0--save卸载命令npmuninstalllessnpmuninstallless-loader修改配置文件buid/webpack.base.conf.js文件添加.less：extensions:['.js','.vue','.json','.less']buid
(-2^63)~(2^63-1)·2023-11-21 15:00

vue中使用vuedraggable

vuedraggable这个插件，实现拖拽功能，vuedraggable官网文档：官方文档：https://github.com/SortableJS/Vue.Draggable；vuedraggable也对应vue2.0
从未转生的史莱姆·2023-11-20 22:38

vue2.0 transition组件实现动态过渡

vue的transition组件可以很容易的实现两套样式间的过渡动画，一种方式是完全用css实现，官方文档里说得很详细→进入/离开&列表过渡。另一种方式是动态过渡，文档也有介绍→动态过渡。最近项目里遇到的情况是，需要实现关于高度的动态过渡，文档的demo用到了插件，但我并不想为了一个动画引入一个插件，于是决定自己写。钩子函数钩子函数一共有8个，4个控制进入动画，4个控制离开动画，过程都是相似的。用
chengedan·2023-11-20 06:32

Vue3.0中使用ref来调用子组件的方法

Vue3.0中使用ref来调用子组件的方法Vue2.0父组件templatemethodsthis.$refs.eleTable.子组件的方法名+()this.
往事随风吧@·2023-11-20 03:05

JavaWeb05-Vue项目开发02Element学习笔记

Element简介Element：是饿了么团队研发的，一套为开发者、设计师和产品经理准备的基于Vue2.0的桌面端组件库。组件：组成网页的部件，例如超链接、按钮、图片、表格、表单、分页条等等。
迷路的小鹿斑比_Perry·2023-11-20 01:01

vue3.0学习笔记 (readonly深只读和shallowReadonly浅只读)

workObj.work}}工资:{{workObj.wage}}点击改变数据import{reactive,readonly}from"vue";exportdefault{setup(){//相当于vue2.0
许你满眼星辰·2023-11-19 18:28

qiankun的微实践--初步挂载demo1.0

自己近期仿照qiankun官方demo做了个小型的微前端demo尝鲜，主应用用的vue3.0框架，分别创建了react17版本，react16版本、vue2.0版本等子应用。
等不到戈多了·2023-11-19 10:47

Vue 数据监听机制及 Vue 2.0 和 Vue 3.0 的比较

Vue2.0的数据监听在Vue2.0中，数据监听是通过Object.defineProperty来实现的。它可以拦截对对象属性的获取和设置操作，从而进行响应式地更新视图。
嘘~！·2023-11-19 09:57

区别Vue 2.0 和 Vue 3.0

Vue3.0是在Vue2.0的基础上进行了重大的更新和改进。
嘘~！·2023-11-19 09:27

从零开始搭建Vue2.0项目(二)之集成axios

前言上一篇主要介绍了如何安装通过webpack安装一个具有完整线上依赖的项目，其中我们通过webpack-template安装了vue2.0项目的Vue-Core、Vue-Router以及ESLint依赖
Java白羊·2023-11-19 08:33

解决vue2.0 wacth深度监听新值与旧值相同问题

{{Obj}}{{a}}点击改变exportdefault{data(){return{Obj:{a:1,},a:111,};},watch:{Obj:{handler:function(newVal,oldVal){console.log(newVal,oldVal);},deep:true,},},//watch:{//a:function(newVal,oldVal){//console.l
一个假博客·2023-11-19 03:43

Vue ElementUI操作 和 Axios使用

3.配置:4.使用:二、Axios1.简介:2.安装:3.实例:3.1数据准备3.2应用实例3.3内容补充一、ElementUI1.简介:ElementUI，是一套为开发者、设计师和产品经理准备的基于Vue2.0
Cyan_RA9·2023-11-18 21:04

vue3数组操作学习

Vue2.0、传统操作数组vararr=[1,2,3,4];//如果想添加一个元素arr.push(5);//现在arr已经改变为[1,2,3,4,5]//如果想取第一个个值,按照索引，或者自定义的varindex
__不靠谱先生·2023-11-17 15:13

vue2.0全家桶实现vivo商城 shop

vue全家桶vue2.0+vuex+axios+better-scroll还有就是miut-ui组件库开头在线预览旧的版本：vivo移动端商城新的版本：vivo移动端商城项目演示地址：vivo移动端商城建议Chrome调试手机模式下预览因为刚买的域名主机所以要解析，实名认证才可以浏览，所以你们还是下把项目给下载下来本地运行看把！?废话项目源码地址：vivo-shop，觉得还可以的话给个star在这
weixin_33720452·2023-11-17 13:35

浅谈vue2.0和vue3.0的区别

Vue3.0相对于Vue2.0有以下改进：Vue3.0是一个新版本的Vue.js，它提供了更高效的渲染性能和更强大的工具链。
缘飞梦·2023-11-17 06:01

Vue2 vs Vue3 插槽

2.插槽是为了将父组件中的子组件模板数据正常显示vue2.0的插槽话不多说直接上案例：这里是父组件我是插槽插入的内容这里是子组件varvm=newVue({el:'#app',data:{},components
大团米线·2023-11-17 05:28

vue2.0源码分析——内置组件

题目：vue2.0源码分析——keep-alive前言：本篇文章，我将对vue2.0中所有的内置组件keep-alive的源码进行一个分析,我希望通过这篇文章的分析，不仅我自己也包括看这篇文章的所有小伙伴都能对
Story..·2023-11-17 03:20

微前端乾坤

qiankun是一个基于single-spa的微前端实现库，旨在帮助大家能更简单、无痛的构建一个生产可用微前端架构系统官网：https://qiankun.umijs.org/zh/guide2.使用背景：vue2.0
alisaGreen·2023-11-16 13:40

Vue秒杀倒计时插件vue2-countdown

基于vue2.0的活动倒计时组件可以使用服务端当前时间在倒计时开始或者结束的时候,可以自定义回调文档：https://cgygd.github.io/vue2-countdown/demo：https:
mrsun_web·2023-11-16 12:09

iview ui vue2.0 radio 点击选中状态后取消选中状态

12method:cancelSelection(selectedLabel){if(this.modalType==='U'){if(this.formData.deficiencyType==selectedLabel){this.formData.deficiencyType='';console.log("this.formData.deficiencyType1:"+this.formD
周zerlinda·2023-11-15 13:36

「小议」 我从读源码中收获到了什么？阅读源码那点小事

笔者读过很多源码，比如主流前端框架vue2.0,vue3
我不是外星人Alien·2023-11-14 21:08

Vue2.0整合UEditor富文本编辑器（内含跨域上传图片和回显内容）

前面写了一篇关于vue整合wangEditor富文本编辑器，今天介绍由百度开源的UEditor富文本编辑器。两者相比之下：wangEditor比较轻量，易于使用。Ueditor稍显臃肿。不过功能齐全，其中有一些配置稍微复杂一点，话不多说直接开始：1.从ueditor官网下载自己后端语言对应的源码，我用的后端语言是Java所以下载jsp版本的。UEditor源码官网2.将下载好的压缩包解压之后放在自
witebin·2023-11-14 17:37
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他