Vue2.X前端学习笔记第15页

前端学习笔记-vue2-UI组件库

组件库VueUI组件库移动端常用UI组件库PC端常用UI组件库VueUI组件库移动端常用UI组件库VantCubeUIMintUIPC端常用UI组件库ElementUI全局引入按需引入IViewUI更多前端学习笔记

C_Cercis Chinensis·2022-10-12 20:36

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

前端学习笔记：Node.js学习-Express创建服务器-路由-中间件-跨域处理

1Express1.1简介Express是基于Node.js平台，快速、开放、极简的Web开发框架。Express的本质：就是一个npm上的第三方包，提供了快速创建Web服务器的便捷方法。Express的中文官网：http://www.expressjs.com.cn/1.2Express的基本使用1.2.1安装在项目所处的目录中，运行如下的终端命令，即可将express安装到项目中使用：npmi

qq_57795776·2022-10-05 13:48

七、【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

前端学习笔记，加油！

一、HTMLDay1-HTML:1、浏览器内核（渲染引擎）2、、lang、charset3、标签4、和5、图像标签6、目录文件夹和根目录7、路径8、超链接标签9、HTML注释标签和特殊字符Day2-HTML1、表格标签（1）表格标签的基本使用（2）表头单元格标签（3）表格属性（4）表格结构标签（5）合并单元格（6）表格学习整体可以分为三大部分：2、列表标签（1）无序列表（2）有序列表（3）自定义列

sunshine~~~·2022-09-30 07:50

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

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

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

前端学习笔记：CSS页面布局——标准流、浮动和定位

黑马Pink老师的CSS教程：https://www.bilibili.com/video/BV1Bx411u7cS?p=103https://www.bilibili.com/video/BV14J4114768?p=169本文在原教程的基础上对目录结构进行了排序和裁剪。针对视频中的讲解、案例、PPT和源码材料作了一些总结，仅用于个人复习以及学习交流分享。目录1.标准流（文档流/普通流）norm

元周的奇妙飞行迹·2022-09-29 16:59

Java前端学习笔记--Html学习

一、HTML学习1、HTML的概念超文本标记语言。作用：需要将java在后台根据用户请求处理的请求结果在浏览器中显示给用户，在浏览器中数据需要使用友好的格式展现给用户，最大作用是告诉浏览器接收到的数据使用什么样的数据组织形式进行展示。2、HTML的三大基石URL：统一资源定位符（唯一的定位一个网络资源）HTTP：超文本传输协议（规范浏览器和服务器之间数据交互的格式）HTML：超文本标记语言（有效的

陌上☆星辰·2022-09-29 15:05

面试题总结（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

前端学习笔记——JavaScript进阶

提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档文章目录前言一、JavaScript面向对象1.面向对象编程介绍1.1两大编程思想1.2面向过程编程1.3面向对象编程1.4面向过程和面向对象的对比1.4.1面向过程1.4.2面向对象2.ES6中的类和对象2.1对象2.2类class2.3创建类和对象2.4类constructor构造函数2.6static静态成员2.7配合gette

卑鄙de异乡人·2022-08-31 19:27

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

前端学习笔记之rem适配布局 3.28

1rem基础为实现目标：1.页面布局文字随着屏幕大小变化而变化2.流式布局和flex布局主要针对于宽度布局，为使高度也能布局3.让屏幕发生变化的时候元素高度和宽度等比例缩放因此可以采用rem适配布局。rem(rootem)是一个相对单位，类似于em，em是父元素字体大小。不同的是rem的基准是相对于html元素的字体大小。比如，根元素（html）设置font-size=12px;非根元素设置wid

Terry-98·2022-08-19 10:15

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

前端学习笔记 - export和export default、exports和module.exports

返回目录一、export和exportdefault都是ES6的模块化的导出方法，对应的导入方法为import。1、export//导出exportvara='Thisisa';//导入，和导出的名字保持一致import{a}form'./a.js';2、exportdefault：匿名导出（默认导出）*导出的是类/函数/对象*一个文件只能有一个exportdefault*导入的时候省略{}，取名

qq_39090575·2022-07-27 15:55

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

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

·2022-07-27 10:58

vue3+node(koa2)写一个网站(一)-前端篇

项目中采用vue3的新语法来写代码，当然你还是用原来的vue2.x语法也不会有问题。

海阔天空.·2022-07-26 10:46

推荐频道

Vue2.X前端学习笔记