vue2双向绑定第14页

vue2中的$nextTick原理和简单实现

一、原理1.1、它的原理涉及到Vue.js的异步更新队列机制;1.2、在Vue.js中，当数据变化时，Vue实例会异步执行更新。具体的更新过程是：触发数据变化，触发响应式getter。通过Dep（依赖管理器）进行依赖收集。数据发生变化时，通知相关的watcher。watcher将回调函数放入异步更新队列。而nextTick就是在这个异步更新队列执行完毕后被调用的。它的作用是在DOM更新之后执行回调

carpe diem xt·2024-01-27 13:50

vue的pinia环境搭建

Pinia的主要特点包括：对Vue2和Vue3提供良好的支持，使得老项目也可以使用Pinia。抛弃了Mutations的操作，只有state、getters和actions。

<有心人>·2024-01-27 13:44

Vue3之setup

一、Option和Composition首先，我们来谈谈vue的两种风格，vue2的API是Option（选择）风格，vue3的API是Composition（组合）风格。

<有心人>·2024-01-27 13:11

Vue2跟Vue3的对比

在Vue.js的演进过程中，Vue2.x是主要的版本，而Vue3.x是最新的版本。Vue3.x于2020年9月正式发布，与Vue2.x相比，它带来了许多重要的改进和新功能。

跟Bug双向奔赴·2024-01-27 12:58

Vue2：通过代理服务器解决跨域问题

一、场景描述现在的项目大多数是前后端分离的。Vue前端项目通过ajax去请求后端接口的时候，会有同源策略的限制。从而产生跨域问题。二、基本概念1、什么是同源策略？就是前端服务和后端服务的协议名，IP或主机名，端口号不完全一致。比如，前端服务开在：http://127.0.0.1:8080后端接口开在：http://127.0.0.1:5000此时，前端代码中，用ajax请求后端接口，就会产生跨域问

生产队队长·2024-01-27 12:56

el-tree基础的树形节点设置节点不能选中高亮出来，对已经选中的节点设置disabled，对当前节点刚选中后设置禁用disabled

实现效果如下：vue2+element-ui发现elemen

SwJieJie·2024-01-27 11:42

vue2 vue3 各传值汇总

序：vue最常见的，容易为难新手的，应该就是组件间的传参的，所以本次笔记就记录下传参，顺带也记录下vue2吧一、vue31、父传子父组件atherTitle，fatherMoney，fatherWifi

MoXinXueWEB·2024-01-27 11:19

uniapp 封装公共请求方法

版本vue2在main.js中引用//导入封装好的请求数据的方法importUtilfrom'@/util/util.js'importHttpfrom'@/util/request.js'//封装请求路径

Sliy 磊磊·2024-01-27 11:46

移动端——uniapp开发记录(公共请求request封装)

移动端开发需要兼容各个端,技术栈选用vue2+uniApp；1.项目初始化可以使用IDE(HBuilderX)去初始化项目，也可以使用npm命令去构建实现不依赖uniapp去打包部署;【详细见官网】2.

我不瘦但很逗·2024-01-27 11:45

vue报错——[vue/require-v-for-key]Elements in iteration expect to have ‘v-bind:key‘ directives.

Vue2.2.0+的版本里，当在组件中使用v-for时，key是必须的参考：

要加油哦～·2024-01-27 10:57

vue使用v-for循环时报错：[vue/require-v-for-key] Elements in iteration expect to have ‘v-bind:key‘ directives

Vue2.2.0+的版本里，当在组件中使用v-for时，key是必须的这是修改代码的解决办法也可以在bui

ITarmi·2024-01-27 09:54

Vue使用svg图片-svg-sprite-loader插件

在vue2配合webpack；svg图片不存在id冲突，在使用时无需显示引入

禾苗种树·2024-01-27 06:28

vue3-深入组件-组件 v-model

组件v-modelv-model可以在组件上使用以实现双向绑定从Vue3.4开始，推荐的实现方式是使用defineModel()宏：const model = defineModel()function

王大可996·2024-01-27 06:22

vue2中实现一个可移动的弹框

先创建一个可拖拽的外壳mounted(){this.theDrag();},methods:{//拖拽theDrag(){//创建容器letcontainer=window.document.body;//将创建的div添加到容器中container.appendChild(window.document.getElementById("theDrag"));//获取到boxletbox=wind

甘道夫老矣·2024-01-27 05:16

安装vue devtools及常见问题

网盘中包含vue2和vue3的devtools安装工具，根据项目需要选择使用，不能同时安装两个devtools到浏览器上极简插件下载下载链接：htt

员宇宙·2024-01-27 04:17

el-upload图片上传OSS vue+springboot 简单好copy(代码全)

简单使用文章目录目录使用步骤1.后端（springboot）创建项目文件（仅供参考）UploadUtil.javaUploadController.java2.前端（vue2+elementUI）创建项目文件

无情也星海·2024-01-27 01:26

warning in ./node_modules/vue-router/dist/vue-router.esm-bundler.js “export ‘watchEffect‘ was not

1.问题利用vuecli新建vue2项目,安装vue-router后浏览器控制台报错:UncaughtTypeError:Object(…)isnotafunction终端这边爆warningin.

大大。·2024-01-27 01:45

vue（vue2）使用svg格式图标

先安装插件配置svg文件夹，新建icons文件，svg文件夹放svg后缀文件index.js文件中的配置importVuefrom"vue"importsvgIconfrom"@/common/iconSvg/index.vue"Vue.component('svg-icon',svgIcon)//挂载全局组件//下面这个是导入svgIcon/svg下的所有svg文件constrequireAll

三七_z·2024-01-27 01:43

Vue2配置在methods中的方法属性丢失

Vue2配置在methods中的方法属性丢失需求现在有这样一个需求：一个带有搜索建议的搜索框，搜索建议由后端数据请求回来。当搜索框失去焦点时，应该取消搜索，直接使用输入的内容。

七冬与小糖·2024-01-27 01:07

vue2中使用swiper组件库

api参数中文官网下载并引入项目//安装[email protected]@5.4.5--save//main.js引入importVueAwesomeSwiperfrom'vue-awesome-swiper'import'swiper/css/swiper.css'Vue.use(VueAwesomeSwiper,/*{defaultopt

白小白灬·2024-01-27 01:32

VUE2：关于axios的跨域问题（No ‘Access-Control-Allow-Origin‘ ）以及解决方案（亲测有用，全流程配图文版，建议收藏）

在VUE2的开发过程中跨域问题肯定是前端程序员都遇到过的问题，尤其还是像我这种半吊子前端，报错内容如下：ccesstoXMLHttpRequestat'http://localhost:8080/XXXXXXXX'fromorigin'http

加洛斯·2024-01-27 01:01

vue3-elementPlus部分组件样式修改

前提：在less语言下使用/deep/；在sass语言下使用::v-deep替换/deep/但::v-deep的写法已经废弃，建议使用:deep(css选择器)elementUI样式修改：vue2-elementUI

小沐°·2024-01-27 00:54

如何在一个页面调用另一个页面的methods

建立util.js中转站文件（任意位置,我是在/assets/js/util.js）importVuefrom'vue'exportdefaultnewVue2.分别在两个页面引入该文件（注意路径）3.

小白白呐·2024-01-27 00:24

Vue2基础-Vue对象进阶介绍2

文章目录一、自定义指令1、用法2、注意点二、生命周期1、概念2、示意图3、分析一、自定义指令本质上是封装了DOM元素的具体操作1、用法放大十倍后的值是：constx=newVue({el:‘#root’data:{n:1},directives:{//两种写法//element是真实的DOM元素，此处是//binding是绑定的对象，里面的value表示n的值big(element,binding

轩不丢·2024-01-26 20:57

Vue2基础-Vue组件化编程

文章目录一、模块与组件1、概念2、分类二、非单文件组件1、创建组件2、注册组件1）局部注册2）全局注册3、注意点1）组件名2）关于组件标签三、VueComponent1、概念2、内置关系三、单文件组件1、格式2、引用1）暴露2）引用3）主文件一、模块与组件1、概念组件实现局部功能代码和资源的集合。2、分类非单文件组件：一个文件中包含n个组件单文件组件：一个文件中只包含一个组件(a.vue)(一般开

轩不丢·2024-01-26 20:25

RuoYi-Vue前后端分离后台开发框架运行详细教程

http://ruoyi.vip演示地址：http://vue.ruoyi.vip代码下载：https://gitee.com/y_project/RuoYi-Vue下载之后解压，ruoyi-ui是前端代码vue2

懒员员·2024-01-26 18:00

安装nvm后不能正常使用vue脚手架的解决方案！！！

毕竟可以自己来更改node版本，但是当我想创建vue2学习时却显示：当时以为是自己的问题，找了很久。现在我就教给大家解决的方法：第一步、先全局搜索vue.cmd文件，找到后打开文件所在位置。

ygzhzzy·2024-01-26 15:30

Android MVVM 之DataBinding,BindingAdapter及component

简介DataBinding是MVVM在Android上的一种实现，支持双向绑定,自动刷新。是ButterKnife等APT框架的有效替代方案。

Boo_Wang·2024-01-26 15:58

3. Windows 10 - Nvm - Node - 创建 Vue项目 Vue-cli 脚手架 3.x

关联链接1.Windows10-Node与Vue-安装Vue2.x及3.x框架-项目创建要点-12.Windows10-Nvm——node版本管理工具的安装配置方法-报错问题集锦与解决方法-工程化Node

沐修·2024-01-26 15:28

VUE2安装脚手架

流程：1.安装nodejs安装nodejs，自带npm环境。地址：https://nodejs.org/en/download/下载node.js2.安装淘宝镜像安装淘宝镜像:npminstall-gcnpm--registry=https://registry.npm.taobao.org3.安装脚手架（按照步骤走）npminstall-g@vue/clivuecreate文件名开始选择安装（根

只会敲hello world·2024-01-26 15:27

切换nvm后VUE脚手架不可用

但是，我居然发现想要重新搞一个vue2的项目玩一下都被可恨的系统提示“vue不是内部或外部命令”。

Mr_xiaocaihhh·2024-01-26 15:57

网页首页案例（使用框架：继上一篇博客结尾）

文章目录新认识的快捷键1.先写好组件并导入App.vue2.往组件中一个一个填内容3.整体静态完成后，发现某些小部分相同，其实可以分装成小组件4.最后通过js动态渲染新认识的快捷键1.Ctrl+滚轮按住往下拖可以部分选中

W`hite·2024-01-26 14:28

Vue——vue3拖拽库Sortablejs

VueDraggablePlus是一个支持Vue2和Vue3的拖拽库，它具有以下特性：功能齐全：全面继承Sortable.js的所有功能无缝迁移：适用于Vue3和Vue2灵活使用：支持组件、指令、函数式调用

还需studystudy·2024-01-26 14:07

Vue3-在HTML标签、组件标签上使用v-model

杨荧·2024-01-26 14:16

vue 中使用 Touch events

本打算使用zepto+zepto.touch来做，但是考虑到就一个地方，想想就算了，然后发现了一个很好用很厉害的东西，vue2-touch-events.vue2-touch-events可以点进去，查看详细的

书简_yu·2024-01-26 13:41

vue2使用websocket和echars动态展示本机CPU使用情况,后端框架使用fastapi

后端代码：fromfastapiimportFastAPI,WebSocketimportpsutilimportasyncioapp=FastAPI()@app.websocket("/ws")asyncdefwebsocket_endpoint(websocket:WebSocket):awaitwebsocket.accept()whileTrue:cpu_usage=psutil.cpu_

默默前行的旅者·2024-01-26 12:51

vue2后台管理项目权限的分类

权限有3类：主页鉴权，访问权限，操作权限RBAC-RoleBasedAccessControl基于角色的权限控制主页鉴权（登录访问拦截）利用路由全局守卫思路：判断是否有token，有token是登录成功再判断是否是去登录页，是就跳转到首页，不是放行不是登录，判断是否在白名单中，在放行，不在拦截去登录permission.js//主页鉴权//tokenimportrouterfrom'@/route

诗霖雪·2024-01-26 12:19

Vue2组件通信

ym-13140912·2024-01-26 12:48

Vue2 props组件通信

一、父组件向子组件传值1、流程图2、父组件代码importUserInfofrom'./components/UserInfo.vue'exportdefault{data(){return{username:'小帅',age:28,isSingle:true,car:{brand:'宝马',},hobby:['篮球','足球','羽毛球'],}},components:{UserInfo,},}

知远同学·2024-01-26 12:16

【Vue2 + ElementUI】分页el-pagination 封装成公用组件

效果图实现（1）公共组件exportdefault{data(){return{layout:"total,sizes,prev,pager,next,jumper",background:"background",}},props:{totalSize:{//数据总条数type:Number,default:0},pageSize:{//每页显示条数type:Number,default:10}

吃小猫的大鱼·2024-01-26 11:18

Vue2 + JSX使用总结

什么是JSX摘自React官方：它被称为JSX，是一个JavaScript的语法扩展。我们建议在React中配合使用JSX，JSX可以很好地描述UI应该呈现出它应有交互的本质形式。JSX可能会使人联想到模板语言，但它具有JavaScript的全部功能。Vue什么时候应当使用JSX这里说的是应当，而不是必须。因为在绝大多数情况下，模板语法都能胜任，只不过写起来看着不太好看而已。或者使用模板语法，那写

东扯葫芦西扯瓜·2024-01-26 10:25

Vue2学习之第六、七章——vue-router与ElementUI组件库

路由理解：一个路由（route）就是一组映射关系（key-value），多个路由需要路由器（router）进行管理。前端路由：key是路径，value是组件。1.基本使用安装vue-router，命令：npmivue-router应用插件（在main.js中）：//引入VueimportVuefrom'vue'//引入所有组件的父组件AppimportAppfrom'./App'//引入VueRo

吃一口你的梦。·2024-01-26 10:42

vue3 数据放置的两种方式

Ciilk·2024-01-26 10:59

带【科技感】的Echarts 图表

Echarts脚本在线地址https://cdn.jsdelivr.net/npm/[email protected]/dist/echarts.min.js引入Echarts脚本后粘贴代码vue2代码：exportdefault

我不是费圆·2024-01-26 10:12

uniapp报错：export { render, staticRenderFns, recyclableRender, components }

uniappvue2项目启动报错export{render,staticRenderFns,recyclableRender,components}解决办法:降低prettier的版本"prettier

彭世瑜·2024-01-26 10:32

【vue】Vue2和Vue3中的代码逻辑复用对比（mixins、自定义hook）：

【2】mixins和CompositionAPIhook解决的区别：一、前言：mixins是Vue2.xOptionsAPI中常用的代码逻辑抽离手段，在Vue3.x中也同样可以使用。虽然好用，

Sun Peng·2024-01-26 10:47

vue 前端面试常见问题汇总（1-10）

@[TOC](文章目录)#四、双向绑定

A于情·2024-01-26 09:25

Vue---组合式API - computed

计算属性基本思想和Vue2保持一致，组合式API下的计算属性只是修改了API写法//导入import{ref,computed}from'vue'//原始数据constcount=ref(0)//计算属性

香香爱编程·2024-01-26 09:43

vue —— h函数的学习与使用

二、h函数格式说明及使用示例1：简单创建一个VNode（vue3）示例2：vue2中h函数用法示例3：vue3中h函数的用法vue2和vue3中h函数的区别？

Ying（英子）·2024-01-26 09:41

[零基础学习Vue2+webpack项目]的基础依赖项的安装详解（1）

1.首先新建一个空的项目文件夹：【yydpt_vue2_base】如下图：图12.然后用【vscode】打开此项目文件如下图：图23.因为此项目准备用【vue2+webpack】来进行前端开发，因此可以先安装

月影WEB·2024-01-26 09:19

推荐频道

vue2双向绑定