vue2.x 第11页

浅谈Vue.js 3.0新增的 Composition API

首先说一下createApp()创建出来的对象，跟我们使用Vue2.x创建的对象少了很多，而且这些成员都没有使用$符开头。说明未来我们基本不用给这个对象上新增成员。

懒得跟猪打架·2022-11-24 08:30

一文带你从Vue2.x大迈步走进Vue.js 3.0新时代

不同的构建版本CompositionAPI的设计动机CompositionAPI最佳学习参考：设计动机总结：性能提升Vue3.0的性能提升主要有以下几方面：总结前言Vue2.x与及Vue3.x都已经出来很久了

懒得跟猪打架·2022-11-24 08:30

我对Vue 3.x Composition API 的理解

1.reactive2.ref、toRef、toRefs3.watch和watchEffect4.setup5.生命周期函数二、对比Vue2.x，Vue3.x有哪些优势？

山间听雨声·2022-11-24 08:59

VUE3学习(入门篇)

VUE3学习(入门篇)Vue3相较于Vue2.x改动：性能提升按照vue官方的说法，Vue3包含了以下性能方面的提升：打包大小减少41%内存占用减少54%初次渲染快55%，更新渲染快133%源码升级使用

Joey_Tribiani·2022-11-24 08:42

Vue2.x - Vuex

目录初识Vuex什么是Vuex为什么要用VuexVuex的基本使用计数器案例在项目中使用Vuex安装Vuex到项目中引入vuex插件并注册创建store仓库实现全局组件可访问的store仓库在组件中访问store仓库中的共享数据管理共享数据Vuex工作流程图简析深入理解Vuex工作流程组件实例如何触发dispatchaction方法定义commit方法定义mutation方法定义整体流程过一遍编辑

伏城之外·2022-11-17 09:18

面试不面试，你都必须得掌握的vue知识

前言最近抽空整理了下我对vue2.x的理解和认知，涵盖了vue2.x的常用知识、冷知识以及一些底层原理，算是我的vue2世界观。

东方睡衣·2022-11-15 08:34

Vue3.0 新特性以及使用变更总结(实际工作用到的)

VUE3.0为什么要升级Vue3使用Vue2.x的小伙伴都熟悉，Vue2.x中所有数据都是定义在data中，方法定义在methods中的，并且使

kangaroo_v·2022-11-09 13:10

基于vue2.x实现的即时通讯程序仿微信聊天6对接好友列表以及记录接口和socketIo讲授

这节课来对接通讯录好友列表接口和好友聊天记录接口·对接通讯录好友列表接口打开接口文档https://www.showdoc.com.cn/2035654172307363/91971567305336941、打开项目，复制对应的接口路径到项目的src/api/index.js中constapi={GetMyFriends:'/api/myfriends'}2、在src/api/user.js中新建

风中凌乱的男子·2022-11-07 15:05

深入理解vue2.x中Object.defineproperty()和vue3.x中Proxy

总结前言vue2.x中数据的双向绑定主要通过Object.defineproperty()方法实现，data中的数据改变通过Object.defineProper

不叫猫先生·2022-11-07 13:23

Vue不能watch数组和对象变化解决方案

目录Vue能监听数组的情况Vue无法监听数组变化举例无法监听数组变化的情况Vue无法监听数组变化的解决方案Vue监听对象Vue设置监听对象Vue能监听数组的情况Vue监听数组和对象的变化（vue2.x）

·2022-11-07 09:45

基于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）