vue2双向绑定

推荐一个好用的插件，vue-echarts

resize事件重新渲染图表，数据发生变化时重新渲染图表等，这个插件都帮我们做好了这块2.使用方法首先先安装这个插件pnpminstallechartsvue-echarts//如果是npm就使用npm如果是vue2
weixin_43160044·2024-02-11 20:11

npm之创建一个vue3项目

Pleasepickapreset:Default([Vue2]babel,eslint)Default(Vue3)([Vue3]babel,eslint)>Manuallyselectfeatures
·2024-02-11 18:50

vue3的生命周期

文章目录一、生命周期1.1、`vue2`生命周期1.1.1、`vue2`生命周期分类1.2、`vue3`生命周期1.2.1、`setup()`1.2.2、`onBeforeMount()`1.2.3、`
小马甲丫·2024-02-11 14:58

[网站开发] 创建Vue3项目及错误解决

创建Vue3项目(前端)Vue官方文档:https://vuejs.org/Vuejs.org中文版Vue网站进入官网后默认是Vue3版本的,可以自己从文档/Docs中找Vue2版本的.安装前准备熟悉命令行
YuanDaima2048·2024-02-11 13:22

vue项目安装element

回顾vue2项目安装element-ui1、安装npmielement-ui-S2、在main.js中使用import'element-ui/lib/theme-chalk/index.css'import
叽里咕噜咕噜·2024-02-11 12:26

Vue.js入门教程（七）处理表单和自定义指令

第七章：处理表单和自定义指令有话说在前面表单是非常重要的一项，尤其是当你需要提交数据到后台的时候，双向绑定input，select，checkbox等表单元素，再也不用像jquery一样每一个id去挨个获取
党云龙·2024-02-11 11:02

Vue学习——计算属性（17）

引入计算属性指通过一系列运算之后，最终得到一个属性值这个动态计算出来的属性值可以被模板结构或methods方法使用v-model进行双向绑定实现监听输入（即在开发者选项内能实时同步输入）.number则是将输入的字符串全部转化为数字
Calendo·2024-02-11 10:32

轮播图的五种写法（原生、vue2、vue3、react类组件，react函数组件）

本文使用原生、vue2、vue3、react类组件，react函数组件五种写法实现了简单的轮播图效果，需要更多轮播效果需要再增加样式或者动画。
前端fighter·2024-02-11 06:09

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

Vue.js 源码剖析（一）-响应式原理（1）vue2源码启动与调试

电脑：mac；vue版本：2.7.14；编辑器：IntelliJIEDA一、下载源码github地址我是先下载了zip压缩包，直接使用https地址从github拉取代码会很慢：下载完源码之后可以放在自己的仓库里，我是放在了自己的gitlab仓库里。把项目解压到本地之后，根据gitlab的提示推送现有代码：下载完之后，在idea中打开项目：从远程仓库拉取代码之后，可以看到已经有一条初始化代码的gi
一棵开花的树，枝芽无限靠近你·2024-02-11 03:21

vue2源码调试，在vscode中直接调试vue源代码操作指南

依赖安装使用yarn安装所有依赖package.json启动添加配置在dev命令里加上–sourcemap,便于源码调试在源码根目录中运行npmrundev运行npmrundev在dist文件夹下生成vue.js文件新建一个test目录，并创建test.html文件用于测试m在html文件中使用script引入dist/vue.js文件在测试代码中调试Vue-源码调试{{message}}cons
丰的传说·2024-02-11 03:50

VUE3（十二）provide和inject函数

父传更深的后代一般往深度层级传递值，有这两种方式：·provide/inject·vuexprovide/inject一看到“深”这个字，大家肯定第一想到的就Vue2中的provide/inject选项
camellias__·2024-02-11 02:56

vue3源码解读--组件更新

目录vue2源码vue3源码示例源码组件更新的前提是依赖能被正确收集到，经过上一节分析，我们知道trackEffects正是来做这件事情的，故将代码定位于此。核心看其收集的对象是谁。
习惯水文的前端苏·2024-02-11 01:15

VUE2快速学习(必看)

小帅学习VUE[v-cloak]{display:none;}v-model用于表单的双向绑定{{val}}表单演示问卷调查姓名:性别:男女爱好:打篮球足球籍贯请选择陕西山西北京你的姓名是:{{name
小高求学之路·2024-02-10 20:01

4. TypeScript

目录1TypeScript介绍2TypeScript常用类型2.1类型标注的位置2.2字符串、数字、布尔类型2.3字面量类型2.4interface类型2.5class类型Vue1：基础跟使用方式Vue2
it优质男·2024-02-10 19:53

使用vue-client-only 解决组件不兼容SSR问题

目录前言一、解决方案1.基于Nuxt框架的SSR应用2.基于vue2框架的应用3.基于vue3框架的应用二、总结往期回顾前言最近在我的单页面SSR应用上开发JSON编辑器功能，在引入组件后直接客户端跳转
富朝阳·2024-02-10 18:20

【前端】Vue实现网站导航 以卡片形式显示（附Demo）

目录前言1.html版本2.Vue2.1Demo12.2Demo2前言单独做一个跳转页面推荐阅读：【前端】实现Vue组件页面跳转的多种方式但是如果网站多了，推荐卡片式导航，具体可看下文：（以图片显示显示各个网站
码农研究僧·2024-02-10 15:15

vue3项目中如何实现模块的自动导入

vue2和vue3一个很重要的代码区别就是从vue2对象化完整引入到函数化按需引入。从而解决了需要什么就引入什么的按需引入操作功能。然而这一代码操作模式却也引出了后续繁琐代码的书写结构。
开心点啦.·2024-02-10 12:08

Vue-56、Vue技术路由的使用

2、前端路由：key是路径，value是组件1、基本使用vue-router3只能在vue3中使用vue-router3才能在vue2中使用1、vue2安装npmivue-router@3或者cnpmivue-router
一叶飘零晋·2024-02-10 10:34

如何封装一个简单的VUE组件

基于vue2.0封装一个简单的表单组件前景介绍准备工作准备编码前景介绍这是一篇晚来的文章，毕竟2.0在去年12月份就已经停止维护了，这篇文章当是一个纪念吧。
youmatech·2024-02-10 10:27

v-if 和v-for的联合规则及示例

提供vue2的一些基本操作：安装、引用，模板使用，computed，watch，生命周期(beforeCreate，created,beforeMount，mounted,beforeUpdate，updated
还是大剑师兰特·2024-02-10 10:27

uniapp 全局引入vant 组件库

vant4官方文档vant2官方文档vant3官方文档一、创建uniapp项目+vue3二、通过npm安装vantvue3项目，安装最新版Vantnpmivantvue2项目，安卓vant2npmivant
冷七七-·2024-02-10 10:52

vue3踩坑之作用域插槽的使用，以及vue3和vue2中作用域插槽的对比和使用

项目场景：在系统后台开发中，前端需要对后端返回数据进行处理，比如说，用户角色、付款方式等等，而返回的这些数据里面通常是数字来表示相关的角色和身份，如：1表示管理员，2表示用户；又比如说1表示支付宝支付，2表示微信支付，3表示银行卡支付。页面上渲染出数据是数字的形式，但对用户来说其实这种方式并不具备明显的指代意义，所以为了实现更好的用户体验，前端会使用作用域插槽对该数据进行处理，实现与用户之间更好的
我也想做全栈一霸！·2024-02-10 10:20

Vue如何实现不同登录方式的切换（账号密码登录、邮箱验证登录等）

文章目录前言一、使用vue开发框架的时候，无论是vue2或是vue3，都会运用到elementui组件库或是element-plusui组件库，所以我们要解决的问题首先从这些组件库里来找寻答案二、项目里按需引入或者全局导入
我也想做全栈一霸！·2024-02-10 10:49

如何使用Element Plus 提供的Icon图标库

文章目录前言一、安装二、使用1.引入需要的图标2.页面效果3.还有一个奇怪的问题总结前言用vue3开发的时候，使用element-plusUI组件库的时候，发现不能像之前vue2时候使用的那么方便了，需要单独引入和使用
我也想做全栈一霸！·2024-02-10 10:49

vue的双向绑定原理及实现

前言虽然知道vue双向绑定是通过Object.defineProperty方法属性拦截的方式，把data对象里每个数据的读写转化成getter/setter，当数据变化时通知视图更新。
景元合·2024-02-10 07:58

v-if 和v-show 的区别

提供vue2的一些基本操作：安装、引用，模板使用，computed，watch，生命周期(beforeCreate，created,beforeMount，mounted,beforeUpdate，updated
还是大剑师兰特·2024-02-10 05:23

Vue双向绑定原理代码实现

1、代码实现Vue双向绑定与事件绑定，v-bindv-modelv-onDOM结构准备增加myVue创建实例，最终使用示例window.onload=function(){varapp=newmyVue
为你写首诗ge·2024-02-10 04:25

vue双向绑定原理及实现

vue双向绑定原理及实现一、MVC模式二、MVVM模式三、双向绑定原理1、实现一个Observer2、实现一个Watcher3、实现一个Compile4、实现一个MVVM四、最后写一个html测试一下我们的功能一
轻叹年华逝，·2024-02-10 04:55

vue双向绑定的原理

Vue双向绑定的原理主要基于数据劫持和发布-订阅模式。通过使用Object.defineProperty方法来劫持数据属性的setter和getter，当数据发生变化时，能够触发相应的监听器。
emma20080101·2024-02-10 04:25

【vue双向绑定原理浅析】

vue双向绑定原理浅析1、什么是双向绑定？所谓双向绑定，指的是vue实例中的data与其渲染的DOM元素的内容保持一致，无论谁被改变，另一方会相应的更新为相同的数据。
buerder·2024-02-10 04:25

极其抽象的路由

$router.push('/home');};时代变了，在查询了各种资料后，这玩意是vue2的产物，让我们拥抱，vue3吧。。。
用键盘当武器的秋刀鱼·2024-02-10 02:44

Java汽车销售管理

技术架构：springboot+mybatis+Mysql5.7+vue2+npm+node有需要该项目的小伙伴可以私信我你的Q。
doc_wei·2024-02-09 21:29

todolist的五种写法（原生、vue2、vue3、react类组件，react函数组件）

1.js、vue2、vue3、react类组件、react函数组件的特性1.1JavaScript（JS）特性弱类型：JavaScript是一种弱类型语言，变量的类型可以在运行时动态改变。
前端fighter·2024-02-09 18:54

VueDiff算法对比ReactDiff算法区别

vue2Diff算法1.用JavaScript对象结构表示DOM树的结构；然后用这个树构建一个真正的DOM树，插到文档当中2.当状态变更的时候，重新构造一棵新的对象树。
Clavin.·2024-02-09 11:21

react中的diff算法

对于Vue2的diff算法使用了双指针，React的diff算法没有使用双指针，是因为更新的jsx对象的newChildren为数组的形式，但是和newChildren中每个组件比较的是currentfiber
_处女座程序员的日常·2024-02-09 10:45

Vue2中v-for 与 v-if 的优先级

在Vue2中，v-for和v-if是常用的指令，它们在前端开发中非常有用。但是，当我们在同一个元素上同时使用这两个指令时，就需要注意它们的优先级关系了。
JJCTO·2024-02-09 09:21

前端面试2021.4.9

答案：v-model可以实现双向绑定，指令（v-bind:class、v-for、v-if、v-show、v-on）。vue的model层的data属性。绑定事件：3.v-model的实现原理？
土鳖班长大大·2024-02-09 09:56

Uni-App学习路线

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

基于微信小程序的商城购物系统的设计与实现(文档+源码)

目录第一章绪论1.1开发背景1.2所选题目意义与目的1.3研究现状1.4本文研究内容第二章关键技术介绍2.1NODE.JS2.2MYSQL2.3VUE2.4HTML2.5JS2.6CSS2.7小程序开发者工具第三章系统分析
哥本哈根工作室_wlzytw·2024-02-09 08:16

Vue3 常用的10个组合式 API

Vue2于2023年12月31日停止维护。而通过Vue3，组合式API增强了我们利用Vue的能力，使我们的代码更具模块性和可读性。
子伟-H5·2024-02-09 08:06

【vue3学习笔记】自定义hook；toRef与toRefs

尚硅谷Vue2.0+Vue3.0全套教程丨vuejs从入门到精通课程P156节《自定义hook》笔记：实现一个鼠标“打点”功能：注意点：（1）组件卸载时需要接触window上的事件绑定，否则组件卸载后window
youyoufenglai·2024-02-09 07:04

【vue3学习笔记】shallowReactive与shallowRef；readOnly与shallowReadOnly；toRaw与markRaw

尚硅谷Vue2.0+Vue3.0全套教程丨vuejs从入门到精通课程P158节《shallowReactive与shallowRef》笔记：reactive()与shallowReactive()：reactive
youyoufenglai·2024-02-09 07:56

Vue2 创建组件库——（二）编写组件

以卡片组件为例目录编写卡片组件在项目中引入组件组件测试打包组件库编写卡片组件packages/Card/index.jsimportCardfrom'./src/Card.vue'//为组件提供install安装方法，供按需引入Card.install=function(Vue){Vue.component(Card.name,Card);}exportdefaultCardpackages/Ca
G.X.Y~苏·2024-02-09 06:37

vue的8大生命周期

提供vue2的一些基本操作：安装、引用，模板使用，computed，watch，生命周期(beforeCreate，created,beforeMount，mounted,beforeUpdate，updated
还是大剑师兰特·2024-02-09 06:21

2024年的VUE2下的无效指令npm install --save vue-i18n

vue官网已经声明了不再维护vue2,vue-i18n安装依赖的时候就只接安装vue3的vue-i18,直接报错：>npminstall--savevue-i18nnpmERR!
阿狸Jay(塘主)·2024-02-09 06:43

Vue3中路由配置Catch all routes (“*“) must .....问题

Vue3中路由配置Catchallroutes(“*”)must…问题文章目录Vue3中路由配置Catchallroutes("*")must.....问题1.业务场景描述1.加载并添加异步路由场景2.vue2
小袁搬码·2024-02-09 05:50

Vue3基础(十yi)___常用生命周期函数___setup___onMounted___onUpdated

对比vue2beforeCreate->使用setup()created->使用setup()beforeMount->onBeforeMountmounted->onMountedbeforeUpdate
六卿·2024-02-09 05:32

3分钟带你了解Vue3的nextTick()

概念在Vue3中nextTick()方法的行为和Vue2中基本相似，但它进行了一些优化，以提高性能和稳定性。nextTick
_Minato_·2024-02-09 04:22

3分钟带你了解——Vue的监听器

基本使用方法在Vue2中
_Minato_·2024-02-09 04:52
上一页 2 3 4 5 6 7 8 9 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他