VUE2.x 第11页

基于vue2.x实现的即时通讯程序仿微信聊天1项目开发模版配置

项目体验地址https://yyds.it98k.cn/distimage.pngimage.pngimage.pngimage.pngimage.png1.下载项目开发模版【https://github.com/sunniejs/vue-h5-template/tree/vue2-h5-template】这个模版下载后，如果启动不起来，报错`@vitejs/plugin-vuerequiresv

风中凌乱的男子·2022-11-07 09:19

基于vue2.x实现的即时通讯程序仿微信聊天5对接logo、getInfo接口

前言：我们已经开发好了登录注册页面和通讯录页面以及聊天详情页面下面准备接入登录注册和获取用户信息接口先打开接口文档备用https://www.showdoc.com.cn/2035654172307363/9196984446696982打开项目的src/permission.js，把白名单内无关的路由删掉，只保留【'/login'】constwhiteList=['/login']//nored

风中凌乱的男子·2022-11-04 09:55

Vue2 + element ui 后台管理系统（项目总结）

1，准备需要框架，插件，组件库......Vue框架（vue2.x版本）ElementUl组件axios(网络请求,请求拦截器，响应拦截器)quill（富文本编辑器）echarts（数据可视化工具）1-

m0_70851631·2022-11-02 00:24

vue基础综合

基于脚手架创建项目：需要安装准备好的底层环境：node环境，vue-cli脚手架安装node：地址node-v查看版本安装vue-cli脚手架：npminstall-g@vue/cli全局安装（不能创建vue2

LANMIO·2022-11-01 08:32

vue3子组件如何修改父组件传过来的props数据

1.修改父组件普通数据使用v-mode语法，代替了vue2.x的.sync修饰符父组件用ref()定义一个普通数据为响应式变量，例vartest=ref(‘parent’)父组

·2022-10-31 13:48

理解 Vue3.0 里的 setup 函数

（了解）注意点：尽量不要与Vue2.x配置混用Vue2.x配置（data、

csnan·2022-10-30 17:51

Vue3学习（一）：常用 Composition API

（了解）注意点：尽量不要与Vue2.x配置混用Vue

激洪·2022-10-25 12:51

基于vue2.x实现的即时通讯程序仿微信聊天2开发登录页面

1.废话不说，先上设计图image.png1.在view目录下新建pages文件夹，内新建login.vue文件，代码如下：（注意背景图，自己找一个好看的，放在指定的位置）ps:先添加路由{path:'/login',name:'Login',component:()=>import('@/views/pages/login'),meta:{title:'登录',keepAlive:false}}

风中凌乱的男子·2022-10-23 16:34

electron + vue2.X本地运行及打包遇到的各种版本问题、文件找不到问题汇总

electron+vue2.X本地运行及打包ps:打包环境为windows71、开发过程中遇到各种问题，资料找了一堆，大部分都是无用的，没有给出解决方案，或者不全面2、从本地运行到打包成功历时一周，写下这篇博客供小伙伴参考，希望大家少走弯路基础配置及版本node版本nodev11.7.0npm版本v6.2.0electron版本v7.3.3electron-packagerv14.2.0.NETF

_freely·2022-10-13 02:25

vue使用 Object.assign()重置data数据配合keep-alive使用失效问题

前言记录踩坑Object.assign()方法在使用vue2.x版本时，我们知道可以使用Object.assign()方法来进行data里面数据的初始化。也就是重置数据。

杨小凹·2022-10-11 07:27

新一代Vue脚手架（create-vue）

Vue2.X中创建一个项目，我们基本都会选择Vue官方提供的脚手架工具Vue-cli（也可以基于webpack手动搭建这都没问题），如果想了解Vue-cli创建项目的过程，可以查看Vue-cli创建Vue

WEB前端李志杰·2022-10-10 17:52

在vue2.x里面简单使用socketio问题

目录前言服务端客户端使用介绍及流程前言首先来了解一下什么是socketio：使用流行的Web应用程序堆栈（如LAMP（PHP））编写聊天应用程序通常非常困难。它涉及轮询服务器以查找更改，跟踪时间戳，并且它比应有的速度慢得多。传统上，套接字是构建大多数实时聊天系统的解决方案，在客户端和服务器之间提供双向通信通道。这意味着服务器可以将消息推送到客户端。每当您编写聊天消息时，其想法是服务器将获取它并将其

·2022-10-10 10:34

七、【Vue3】——自定义hook函数

类似于vue2.x中的mixin。自定义hook的优势:复用代码,让setup中的逻辑更清楚易懂。注意1:hook函数可以使用Vue

YIFEI132·2022-10-02 19:56

vue3中的自定义hook函数

类似于vue2.x中的mixin。自定义hook的优势:复用代码,让setup中的逻辑更清楚易懂。

Doe·2022-10-02 19:26

一招学会自定义hook函数---让你的代码更精简

类似于vue2.x中的mixin。自定义hook一般放在src下面hooks文件夹里面文件名使用use开头方法自定义Hook是一个函数，函数内部可以调用其他的Hook。

李公子丶·2022-10-02 19:53

Vue3.x全家桶之Vue基础指令(一)

✍灬更新说明更新时间：2021-12-16更新内容：Vue2.x更新至Vue3.xDemo与文件、截图演示齐全保留了Coderwhy老师Vue2.x的精华部分，添加Vue3.x的内容在Vue2.x的基础上进行

生命是有光的·2022-09-29 19:21

面试题总结（vue2.x原理篇）

有一些答案不是很详细，后续会慢慢更新。1.讲一讲MVVMMVVM是Model-View-ViewModel缩写，也就是把MVC中的Controller演变成ViewModel。Model层代表数据模型，View代表UI组件，ViewModel是View和Model层的桥梁，数据会绑定到viewModel层并自动将数据渲染到页面中，视图变化的时候会通知viewModel层更新数据。2.简单说一下Vu

echo忘川·2022-09-29 15:32

Vue3知识点之数据侦测

实现可响应对象的方式：getter和setterdefinePropertyProxy关于前两个API的使用方式不多赘述，单一的访问器getter/setter功能相对简单，而作为Vue2.x实现可响应对象的

·2022-09-28 13:07

Vue项目实战——实现一个任务清单【基于 Vue3.x 全家桶（简易版）】

Vue3.x项目实战（一）项目名参考链接Vue2.x_todoList基于Vue2.x实现一个任务清单Vue2.x_GitHub搜素案例基于Vue2.xGitHub搜素案例文章目录Vue3.x项目实战（

前端杂货铺·2022-09-24 07:28

Vue3新特性--学习笔记

组件数据计算属性和监听器Vue组件之间通信一、Vue3介绍Vue3优点：最火框架，它是国内最火的前端框架之一，官方文档(opensnewwindow)中文文档(opensnewwindow)性能提升，运行速度事vue2

DevCsdner·2022-09-22 20:25

vue异步数据报错_Vue 2.6 发布了

在过去一年里面我们花了大量的精力在新版的CLI和3.0的设计/原型调研上，因此Vue2.x相对地已经很久没有重大更新了。差不多是时候了！

weixin_39640444·2022-09-21 07:06

Vue3.x新特性总结及与vue2.x的对比

Vue3.0特性总结一.Vue3.x与Vue2.x的区别1.OptionsApi和CompositionApi的区别2.生命周期的变化3.template模板支持多个根标签4.Route获取页面实例与路由信息

情系半生e·2022-09-19 15:20

vue3 - 将 axios 等方法绑定到原型上供全局使用

我们用过vue2.x都知道，在vue2.x中是通Vue.prototype来绑定的，像这样Vue.prototype.$toast=Toast。

hsany330·2022-09-17 12:42

Vue项目实战——实现GitHub搜索案例（学以致用，两小时带你巩固和强化Vue知识点）

Vue2.x项目实战（二）文章目录Vue2.x项目实战（二）Vue2.x实现github搜索案例1、前言2、项目演示（一睹为快）3、涉及知识点4、项目详情（附源码及解析）5、写在最后的话Vue2.x实现

前端杂货铺·2022-09-15 17:56

模拟实现vue3.x中的计算属性

前言计算属性，功能和vue2.x基本等同，本文主要对其功能进行模拟实现一.完整代码constreactMap=newWeakMap();constReactiveFlags={IS_REACTIVE:"

念念不忘必有回响·2022-09-14 08:58

vue3自定义组件之v-model实现父子组件双向绑定

vue3v-model父子组件双向绑定vue3.x移除了vue2.x的model选项，自定义组件双向绑定不在使用以下方法：//vue2的v-model双向绑定方法model:{ prop:'value

·2022-09-12 16:02

聊聊 JSX 和虚拟 DOM

新蜂商城开源仓库：https://github.com/newbee-ltd（内涵Vue2.x和Vue3.x的H5商城开源代码）Vue3.x+Vant3.x高仿微信记账本开源地址：https://github.com

cxy19930826·2022-09-11 15:42

面不面试的，你都得懂原型和原型链

新蜂商城开源仓库（内涵Vue2.x和Vue3.x的H5商城开源代码，带服务端API接口）：https://github.com/newbee-ltdVue3.x+Vant3.x+Vue-Router4.

cxy19930826·2022-09-11 15:12

Vue项目实战——实现一个任务清单（学以致用，两小时带你巩固和强化Vue知识点）

Vue2.x项目实战（一）文章目录Vue2.x项目实战（一）Vue2.x实现todoList1、前言2、项目演示（一睹为快）3、涉及知识点4、项目详情（附源码及解析）5、写在最后的话Vue2.x实现todoList1

前端杂货铺·2022-09-07 15:27

vue3 Composition API （组合式API）

setup函数是个新的入口函数，相当于vue2.x中beforeCreate和created，在beforeCreate之后created之前执行。起初Vue3.0暴露变量必须return出来，

泰语小分队·2022-09-05 07:09

在 Vue 中为什么不推荐用 index 做 key

尤大在vue2.x的文档中明确指出：建议尽可能在使用v-for时提供keyattribute，除非遍历输出的DOM内容非常简单，或者是刻意依赖默认行为以获取性能上的提升。

·2022-09-02 08:49

web前端面试高频考点——Vue3.0新增API（生命周期，ref、toRef 和 toRefs 的理解和最佳使用方式）

系列文章目录内容参考链接JavaScript面试高频考点HTML、CSS、JavaScript、ES6、AJAX、HTTP面试考点Vue2.x面试高频考点Vue2.x面试高频考点文章目录系列文章目录一、

前端杂货铺·2022-09-01 20:25

Vue —— 进阶 Vuex（一）（四个 map 的用法、模块化和命名空间）

Vue2.x系列文章目录内容参考链接Vue2.x-基础Vue2.x-基础Vue2.x-进阶Vue2.x-进阶脚手架Vue2.x-高级VuexVuex概念、工作原理、环境搭建、基本使用、gettersVue2

前端杂货铺·2022-09-01 20:54

Vue —— 进阶 Vuex（零）（概念、工作原理、环境搭建、基本使用、getters）

Vue2.x系列文章目录内容参考链接Vue2.x-基础Vue2.x-基础Vue2.x-进阶Vue2.x-进阶脚手架Vue2.x-高级VuexVuex概念、工作原理、环境搭建、基本使用、gettersVue2

前端杂货铺·2022-09-01 20:54

【Vite+vue3】vue3当中keep-alive的使用

Vue2.X版本在Vue2.X中可直接使用组件包裹，使用v-if配合$route.meta实现组件状态有条件的保留。

WEB前端李志杰·2022-09-01 20:52

vue-vue3(4)-计算属性与监视computed，watch，watchEffect

1.computed函数与Vue2.x中computed配置功能一致写法import{computed}from'vue'setup(){...

飘然渡沧海·2022-09-01 13:55

Vue3学习-计算属性和监视属性

目录一、computed函数二、watch函数三、watchEffect函数Vue2基础全套教程合集：点击跳转 Vue2高级全套教程合集：点击跳转一、computed函数与Vue2.x中computed

大脑不能为空·2022-09-01 13:20

vue 简介（MVVM介绍，超详细）

1.3使用vue构建用户界面1.4解读核心关键词：框架1.5总结：什么是vue2.vue的特性2.1数据驱动视图2.2双向数据绑定2.3MVVM2.4MVVM的工作原理3.vue的版本3.1vue3.x和vue2

星月前端·2022-08-26 18:52

Vue2.x与Vue3.x中路由钩子的区别详解

目录vue2.x前置概念:路由钩子分类路由和组件的概念(方便理解钩子函数)全局路由钩子路由配置守卫钩子组件内的守卫钩子路由钩子执行顺序eg:从A组件跳转到B组件顺序如果B路有更新,每次都会执行以下三个钩子

·2022-08-25 13:04

XCel 项目总结 - Electron 与 Vue 的性能优化

XCEL基于Electron和Vue2.x，它不仅跨平台（windows7+、Mac和Linux），而且充分利用Electron多进程任务处理等功能，使其性能优异。

a949199259·2022-08-22 12:46

vue2.x学习笔记

Vue.config.productionTip=false//阳止vue在启动时生成生产提示。BootCDNMOMENT.JS日期处理库dayjs解构赋值连续写法{query:{id,title}}debugger调试debuggerdebugger语句用于停止执行JavaScript，并调用(如果可用)调试函数。使用debugger语句类似于在代码中设置断点。通常，你可以通过按下F12开启调试

qq_45186619·2022-08-22 11:42

Vue3 v-model的用法

替代语法为：动机在Vue2.x中，v-bind.sync可能会造成一些困惑，很多人认为它和v-bind一样，但实际上并不是这样的。

码小白1·2022-08-19 18:40

Vue2.x基础

`第一遍Vue：MVVMModelViewViewModelview（视图层）在我们前端开发中，通常就是DOM层，主要是给用户展示各种信息Model（数据层）数据可能使我们固定死的数据，更多的是来自我们服务器，从网络上请求下来的数据，在我们计数器案例中，就是后面抽取出来的obj，当然，里面的数据可能没有那么简单、VueModel（视图模型层）视图模型层是View和Model沟通的桥梁，一方面它实现

大大黄、·2022-08-15 00:59

vue3中使用router4 keepalive的问题

router4keepalive问题使用keepalive的坑需求解决vue3使用router4keepalive问题项目从vue2升级到vue3，路由也紧跟着升级到了4，然后在使用keep-alive的时候一直不生效，就去查文档vue2

·2022-08-13 17:44

Vue快速入门（Vue2.x）

七夕来袭！是时候展现专属于程序员的浪漫了！你打算怎么给心爱的人表达爱意？鲜花礼物？代码表白？还是创意DIY？或者…无论那种形式，快来秀我们一脸吧！1、Vue.js是什么？Vue.js（读音/vjuː/,类似于view）是一套构建用户界面的渐进式框架。Vue的核心库只关注视图层，不仅易与上手，还便于与第三方库或已有项目整合。另一方面，当与现代化的工具链以及各种支持类库结合使用时，Vue也完全能够为复

白豆五·2022-08-11 09:38

2022 年值得推荐的 Vue 库

它适用于Vue2.x和Vue3.x。它是Vue官方成员在2019年11月重新设计的一个状态存储库，它允许你跨组件/页面共享状态，并且是响应式的，类似于Vuex。

dreamweaver网页设计·2022-08-11 07:03

vue2.x中monaco-editor的使用说明

目录vue2中使用monaco-editor安装配置创建MonacoEditor公共组件使用vue-monaco-editor遇到的坑编辑器重复加载上次编辑器中的内容,不会被新的内容替代编辑器editorOptions上的配置无法生效vue2中使用monaco-editor安装注意两个库的版本指定[email protected]

·2022-08-05 18:39

关于eslint+prettier+husky的配置及说明

目录一.eslint1.新建一个空的vue2.x项目(不安装eslint)2.单独安装selint3.查看这个推荐的默认规则4.自定义规则5.package.json中配置检查命令行6.eslint插件自动检查规范

·2022-07-31 12:36

【vue2.x（一）】第一个vue程序

1.vue简介Vue.js是一套构建用户界面的渐进式js框架。与其他重量级框架不同，Vue采用自底向上增量开发的设计。Vue的核心库只关注视图层，非常容易与其它库或已有项目整合。Vue完全有能力驱动采用单文件组件和Vue生态系统支持的库开发的复杂单页应用。Vue.js的目标是通过尽可能简单的API实现响应的数据绑定和组合的视图组件。作者：尤雨溪（前Google工程师，目前在阿里巴巴上班）官网英文：

和光同其尘·2022-07-27 15:14

vue2.x插件升级支持vue3，支持vue3的图片预览插件来了 —— hevue-img-preview

之前在工作中有需要用到图片预览的地方，当初没有找到合适的图片插件，于是就自己写了一个，并发布到了github，没想到的是竟然一直有人使用，不知不觉的小星星也达到了一百多个，每天文档也还有人访问，于是抽时间给兼容了vue3一下，特来记录一下，由于业务部分的代码和vue3兼容，所以主要记录一下关于vue2和vue3插件部分的区别首先附上插件的地址github:https://github.com/he

·2022-07-27 10:58

推荐频道

VUE2.x