vue2双向绑定第19页

vue的虚拟dom

亮学长·2024-01-20 01:44

vue2 watch监听事件的多种用法

一、普通监听当值name第一次绑定时并不会触发监听，只有当绑定值name发生改变才会触发监听二、immediate属性(默认false)当值name第一次绑定就会触发监听三、deep属性（深度监听）当对对象进行深度监听说明：若对对象进行深度监听（监听对象会对每个属性添加监听，会造成性能损耗)，可以直接深度监听对象属性避免。1）对象属性的普通监听2）对象属性的深度监听3）路由监听

Tongfront·2024-01-19 23:48

什么是MVVM

框架下视图和模型是不能直接通信的，只能通过ViewModel进行交互，它能够监听到数据的变化，然后通知视图进行自动更新，而当用户操作视图时，VM也能监听到视图的变化，然后通知数据做相应改动，这实际上就实现了数据的双向绑定

B·O·P·2024-01-19 20:20

Vue3+Element-Plus 登录功能配置弹框提示实现十五

小技巧：当前Vue3.0需要使用element-plusr如果是Vue2.0是使用element-uiVue3.0前面需要加上El例如

小丫头呀·2024-01-19 20:43

【Vue技巧】vue3中不支持.sync语法糖的解决方案

在Vue2中，.sync修饰符是一个语法糖，用于简化子组件和父组件之间的双向数据绑定。在Vue3中，推荐使用v-model或是自定义事件来实现类似的功能。

海鲸AI·2024-01-19 19:46

Vue2.组件通信

样式冲突写在组件中的样式默认会全局生效。容易造成多个组件之间的样式冲突问题。可以给组件加上scoped属性，让样式只作用于当前组件。原理：给当前组件模板的所有元素，加上一个自定义属性data-v-hash值，用以区分不同的组件。CSS选择器都被添加[data-v-hash值]属性选择器data()函数一个组件的data选项必须是一个函数。保证每个组件实例，维护独立的一份数据对象。每次创建新的组件实

WuShF.top·2024-01-19 18:15

Vue2.脚手架

全局安装：npmi@vue/cli-g检查是否成功安装：vue--version新建项目：vuecreate项目名通过nodejs安装的时候，可以直接代理和仓库，~/.npmrc文件内容如下：proxy=socks5://127.0.0.1:7897registry=https://registry.npmmirror.comsocks5://127.0.0.1:7897设置代理，因为我的电脑是监

WuShF.top·2024-01-19 18:14

mac卸载vue2

node_modules/然后卸载2.0npmuninstallvue-cli-g然后vue--version确认卸载了然后装3.0npminstall-g@vue/cli方法二、1.查看vue存在路径whichvue2

Dis小白·2024-01-19 16:04

Vue2-Vue3

一、初始Vue动态构建用户界面的渐进式JavaScript框架英文官网中文官网1.1创建Vue实例想让Vue工作，就必须创建一个Vue实例，且要传入一个配置对象；{{xxx}}中的xxx要写js表达式，且xxx可以自动读取到data中的所有属性；一旦data中的数据发生改变，那么页面中用到该数据的地方也会自动更新（响应式）；注意区分：js表达式和js代码(语句)1.表达式：一个表达式会产生一个值，

前端扫雪工·2024-01-19 15:26

vue的简单认识

vue基于MVVM（Model-View-ViewModel）思想，实现数据的双向绑定，将编程的重点放在数据上。

机跃·2024-01-19 14:25

Vue3使用

1、列表实现详情修改vue3中无法使用slot-scope的问题vue2：上下对应，title是自己随便起的名字1、定义一个普通的插槽，可以用div，任何标签2、定义一个element列表里面插槽的标签

Best_Liu~·2024-01-19 13:47

vue2 element ui 修改table表格的背景颜色和悬浮颜色

需求：修改table背景为透明色，鼠标悬浮时字体为白色代码//修改表格字体>>>.el-tablebackground-color:transparentcolor#ffftheadcolor#fff//鼠标悬浮该行时的背景颜色>>>.el-table--enable-row-hover.el-table__bodytr:hover>tdbackground-color#409eff//修改表格背

禾苗种树·2024-01-19 12:49

vue2挂载全局方法/组件

Vue2挂载全局方法/组件思路全局类的功能一般都写在main.js页面；需求把自己写的方法挂载到全局，这样每个组件都能使用了，比如下载方法代码//common.js文件//通用下载方法exportfunctiondownload

禾苗种树·2024-01-19 12:44

vue2踩坑之项目：vue2+element实现前端导出

1.安装插件依赖[email protected]@2.0.52.单页面引入前端导出插件importFileSaverfrom"file-saver";import*asXLSXfrom"xlsx";//html返回//data//表格数据tableList:[],//js//初始化数据asyncgetTable(){this.loading=true;letres=a

意初·2024-01-19 11:30

vue2实现日历12个月平铺，显示工作日休息日

参考：https://blog.csdn.net/weixin_40292154/article/details/1253123681.组件DateCalendar.vue，sass改为less{{year}}年{{month+1}}月{{item}}{{item.day}}{{handleData(item.date)&&isCurrentMonth(item.date)?handleData(

谈蕾蕾·2024-01-19 10:19

vue3的创建及认识

creat-vuecreate-vue是Vue官方新的脚手架工具，底层切换到了vite（下一代前端工具链），为开发提供极速响应3、创建create-vue项目npminitvue@latest4、认识vue3首先熟悉一下vue2exportdefault

香香爱编程·2024-01-19 10:06

vue2项目当中容易遇到的常见问题。

在项目中遇到404.先检查自己的路径，检查反向代理，把“n/api”里面引号中的/删除接口报错400，先使用postman测试接口流通性，如果postman也是400，找后台，如果postman是好的情况下，检查是否post请求参数须拼接到url后，如果是吧接口封装此接口传参的data换成parmas。路由传参只适用于第一个页面到第二个页面的单一关系，来回跳的话使用存储。传参时如果在接口方法外已声

小舟423·2024-01-19 09:58

前端笔试题（一）

1.vue如何实现数据的双向绑定？

小舟423·2024-01-19 09:58

Vue2：解绑自定义事件

一、场景描述上一节，我们学习了，自定义事件绑定到组件上。现在，我们学习下，给组件解绑自定义事件的几种方法。首先，我们试想一下，这个功能的适用场景？一般同学都会想，解绑？那就注释掉代码就是了呗。这个办法也可以，但是，不好，因为每次都要修改代码。现在，我们实现通过按钮，从页面上给事件解绑。此时，我们就可以在后台管理系统上，对整个项目的组件进行事件管理。而无需更新代码。二、解绑自定义事件给Student

生产队队长·2024-01-19 09:47

Vue2：给组件绑定自定义事件

一、场景描述我们在页面开发中，难免要使用事件。在之前的学习中，我们学过@click、@keyup、@change等事件，这些是Vue自带的事件。它一般是用在原生的HTML元素上的。在组件上使用需要加native修饰比如：h1绑定一个click事件：你好input绑定一个keyup事件：在组件上绑定一个Vue原生事件：这一篇说的自定义事件，可以绑定到我们自己的Vue组件上。实现子组件给父组件传递数据

生产队队长·2024-01-19 09:17

Vue2：利用watch和localStorage存储数据案例

一、场景描述原本的代码中，我利用一个变量taskList来保存所有的待办事项。写好了对应的增删改查等操作。此时，我想利用localStorage来实现临时的存储，这样，刷新页面后，我的操作不会丢失！二、方案设计方案1直接在原来的增删改查等函数中，添加localStorage自带的setItem、getItem等方法，实现效果。方案2利用watch来监视taskList变量，然后，在watch中进行

生产队队长·2024-01-19 09:16

Vue2：用ref方式绑定自定义事件的注意事项

一、场景描述我们知道绑定自定义事件可以用ref方式实现。但是，这个方式，需要注意下，否则，实现不了我们的效果。需求是这样的，我们通过ref绑定的事件，来给App的data块中的变量赋值。二、绑定自定义事件基本写法：父组件App中methods函数：getStudentName(name,...params){console.log('App收到了学生名：',name,params)this.stu

生产队队长·2024-01-19 08:44

html 中video实现切换视频自动播放

需求vue2实现的网页中播放视频，主要代码如下：现在遇到的问题的，视频切换后要手动点击才能播放，是否可以实现切换视频后会自动播放不用手动点击解决办法增加autoplay属性就可以了。

ITKEY_·2024-01-19 08:42

Vue2 Echarts 3D饼图

npminstallecharts-Snpminstallecharts-gl-Simport*asechartsfrom"echarts";import"echarts-gl";import{getPie3D,getParametricEquation}from"./mychart.js";//工具类js，页面路径自己修改constcolor=["#3cd6b7","#fe9326","#124

钓了猫的鱼儿·2024-01-19 08:05

Vue2根据数据动态显示按钮并绑定方法

功能描述根据后端返回的按钮数据动态渲染页面，并根据后端返回数据中的方法名为每个按钮动态的绑定点击事件一、技术栈前端框架：vue2前端UI框架：AntDesignofVue（v1.7.8）二、核心this

狂飙的肥兔·2024-01-19 07:44

【Ant Design of Vue】自定义SVG图标的使用

一、需求由于AntDesignVue提供的Icon图标满足不了项目的需求（需求图标未提供），所以我们使用了自定义的SVG图标二、技术栈前端框架：vue2+VueCli前端UI框架：AntDesignofVue

狂飙的肥兔·2024-01-19 07:44

使用vue2写一个太极图，并且点击旋转

下面是我自己写的一个代码，命名有些不规范，大家不要介意。点击开始/停止旋转exportdefault{data(){return{rotationSpeed:1,//初始旋转速度rotationCount:0,//旋转次数isRotating:false,//是否正在旋转animationFrameId:null//用于保存requestAnimationFrame返回的ID};},compute

Mangcun_tutu·2024-01-19 06:35

vue初体验(一)

最近接手了一个后台数据管理系统，用的vue2.0，粗略谈一下感受。第一次接触vue，先在官网看教程和api，大概了解是个什么东东，心里大概有点底了，还是撸helloworld吧。

winterzy·2024-01-19 06:27

医院安全(不良)事件管理系统源码，PHP语言开发

技术架构：前后端分离，仓储模式开发语言：PHP开发工具：vscode前端框架：vue2+element后端框架：laravel8数据库：mysql5.7当前医院不良事件报告现状及困难l医院医患

淘源之家·2024-01-19 06:06

Vue2脚手架搭建+项目基础依赖安装

文章目录1.安装node.js2.安装vue-cli脚手架3.创建vue2项目4.安装基础依赖1.安装node.js可以参考这篇文章https://blog.csdn.net/weixin_43721000

什么都干的派森·2024-01-19 01:34

vue2中echarts的使用

在main.js中导入文件import*asechartsfrom'echarts';创建一个名为$echarts的全局变量Vue.prototype.$echarts=echarts模板exportdefault{name:'demo',mounted(){this.renderBarChart();},methods:{renderBarChart(){//获取柱状图容器constchartC

娃哈哈哈哈呀·2024-01-19 01:47

vue3 知识

vue3介绍Vue3的变化:1、vue3完全兼容vue2，但是vue3不建议用vue2的写法2、拥抱TypeScript，ts完全兼容js3、组合式API和配置项APIvue2是配置项apivue3组合式

糖果爱上我·2024-01-19 00:59

Vue3/Vue2实现文章内容中多个“关键词“标记高亮显示

一、实现效果下拉列表高亮展示关键词二、实现思路安装“vue-word-highlighter”，这是一个支持Vue3和Vue2，不过Vue2版本是通过vue-demi构建的三、案例代码package.json"vue-word-highlighter

在路上`·2024-01-18 23:37

Android DataBinding

DataBinding可以省去繁琐的findViewById()步骤，大量减少Activity内的代码，数据能够单向或双向绑定到layout文件中，有助于防止内存泄漏，而且能自动

孟芳芳·2024-01-18 21:31

vue2页面内跳转

vue2页面跳转问题相信大家在做一个系统的前端界面的时候，难免会遇到一些令人头疼的问题，比如页面的跳转。

迷失、淡忘、沉默·2024-01-18 20:52

vue3前端开发,生命周期函数的基础练习

下面先给大家看一个图片，帮助大家了解，vue3的生命周期函数，和旧版本vue2的生命周期函数，有什么变化。如图所示，vue3里面，把前面2个函数，混在了语法糖里面。我们只需要写一个setup就行了。

yrldjsbk·2024-01-18 20:37

vue2+webpack升级vue3+vite，报错Cannot read properties of null (reading ‘isCE‘)

正文开始前言问题分析解决总结前言系列文章：vue2+webpack升级vue3+vite，修改插件兼容性bug前面的文章主要是介绍，在升级初始阶段遇到的一些显而易见的兼容性问题和bug。

中二少年学编程·2024-01-18 20:03

15分钟学会Pinia

它也支持Vue2也支持devtools，当然它也是类型安全的，支持TypeScriptWhyshouldIusePin

聪明的竹子·2024-01-18 20:49

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

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

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

高德地图开发+html2canvas地图截图--vue2

前言vue2保姆级的高德地图开发步骤，从npm引入到地图截图全过程，没有讲解，直接跟着cv就完事准备工作高德地图开发者注册官网网址：https://lbs.amap.com/因为我已经创建好了，而且这一步如果在公司

zzzbbb_·2024-01-18 16:56

Vue3 + vue-web-screen-shot 前端实现页面截图64编码转图片文件上传

(由于插件是Vue3编写的，所以只适用于Vue3的项目，如果是Vue2的项目，截图组件可以使用js-web-screen-shot)需要实现的效果如下：点击截图后弹窗消失，用户可随意在页面中截图等操作确认后在弹窗中显示截图列表

PinkM∞n7·2024-01-18 16:54

vue的html2canvas使用解读，完美避免可能会造成的问题

html2canvas插件我相信很多人都用过，在使用的时候有很多坑，文章最后我会附上完整的vue3版本的代码（其实跟vue2代码差别很小，改一改就能拿去用）关于vue把页面转换成图片导出（html2canvas

JianZhen✓·2024-01-18 16:19

vue2 -- 截图工具html2canvas

文章目录需求描述基础功能实现下载另存为本地图片功能需求描述可以将网页中的指定元素或整个页面截取为图片，以便保存或分享。基础功能实现在Vue中使用html2canvas实现1：安装html2canvas库。你可以使用npm安装，命令如下：npminstallhtml2canvas2：在需要使用html2canvas的Vue组件中，引入html2canvas库：importhtml2canvasfro

Kingsaj·2024-01-18 16:18

移动端vue2使用vue-pdf当前页面预览(优化为滑动翻页)

1.基于上次的优化处理,移动端进行点击翻页,感觉很怪,于是继续进行优化,改为滑动翻页2.使用:vue2-touch-events插件###main.js引入并注册importVue2TouchEventsfrom"vue2

 勿忘初心·2024-01-18 16:13

前端——框架——Vue

提示：本文只是从宏观角度简要地梳理一遍vue3，不至于说学得乱七八糟、一头雾水、不知南北，如果要上手写代码、撸细节，可以根据文中的关键词去查找资料简问简答：vue.js是指vue3还是vue2？

戏拈秃笔·2024-01-18 16:54

vue2上传图片image-conversion压缩

项目中涉及上传图片，如果大体积的一般都需要压缩，这里我使用image-conversion来压缩其实在npm中使用已经说得很明白了，我这里记录一下跟elementui上传组件配合使用1、安装image-conversionnpmiimage-conversion--save2、引入使用2.1、这里配合elementui的上传组件配合使用点击上传只能上传jpg/jpeg/png文件，且不超过30Mb

前端搬砖达人·2024-01-18 16:15

通过实现最简reactive，学习Vue3响应式核心

首先我们需要明白，Vue3与Vue2中响应式核心的不同，最最明显的区别就是：在v2中响应式处理采用Obj

S_G.·2024-01-18 15:10

VUE2+vuecli2+Element UI+ECharts项目demo

文章目录一、项目初始化初始化安装初始化项目运行项目自动打开浏览器修改路由模式hash改为history二、ElementUI配置全局安装在main.js中导入并使用三、在项目中使用CSS预处理器scss1.安装2.使用在.vue文件中的style标签里加上lang='scss'既可使用scss语法3.在build文件夹下的webpack.base.conf.js的module下rules里面添加配

_七七·2024-01-18 15:22

能说说跟vue2的区别吗？

一、Vue3介绍关于vue3的重构背景，尤大是这样说的：「Vue新版本的理念成型于2018年末，当时Vue2的代码库已经有两岁半了。

蓝斑.json (前端)·2024-01-18 14:51

Vue框架入门基础知识

基于MVVM(Model-View-ViewModel)思想，实现数据的双向绑定，将编程的关注点放在数据上好处低耦合：一个ViewModel可以绑定多个View可复用：可以放一些视图逻辑在ViewModel

今年不养猪只除草·2024-01-18 13:36

推荐频道

vue2双向绑定