Vue2.X前端学习笔记

vue中v-for和v-if一起使用之使用compute的示例代码

目录版本目标效果说明解决方法核心代码片段Car.vue版本vue2.9.6element-ui:2.15.6目标效果说明在vue2.x中，在一个元素上同时使用v-if和v-for时，v-for会优先作用解决方法选择性地渲染列表
·2022-05-11 23:55

详解vue中v-for和v-if一起使用的替代方法template

目录版本目标效果说明解决方法核心代码片段Car.vuevue中v-for和v-if一起使用的替代方法template版本vue2.9.6element-ui:2.15.6目标效果说明在vue2.x中，在一个元素上同时使用
·2022-05-11 23:55

Vue注册的全局组件配置对象保存的位置

其实我们可以在运行时动态去篡改或者新增一些功能，这个时候我们需要访问这些组件的配置对象Vue2.x版本在Vue.options.components中Vue3.X版本在Vue.create
·2022-05-09 11:33

vue中前端代理跨域问题实例总结

注意：这里讲解的是vue2.x版本的方法！第一首先我们需要先确定我们所使用的接口名，我这里使用的自己Java后端的接口和python后端的接口http://localhost:8081/a
·2022-05-06 16:59

vue2.x background:url()的踩坑记录

目录background:url()的踩坑记录backgroundImage路径问题处理方法background:url()的踩坑记录开发模式下vue中background:url(‘../../assets/img/xxxxx’)直接写在行间样式不生效，即不能直接在标签中style属性中写，必须写在非行间样式才会生效。如果要写在行间样式中，需要对资源进行导入，比如ES规范的import或者Com
·2022-04-29 16:03

vue2.x版本中Object.defineProperty对象属性监听和关联

前言在vue2.x版本官方文档中深入响应式原理https://cn.vuejs.org/v2/guide/reactivity.html一文的解释当中，Object.defineProperty将声明响应式
·2022-04-27 09:57

vue2.x版本中Object.defineProperty对象属性监听和关联

前言在vue2.x版本官方文档中深入响应式原理https://cn.vuejs.org/v2/guide/reactivity.html一文的解释当中，Object.defineProperty将声明响应式
程序猿布欧·2022-04-27 09:00

vue3.x路由404通配处理

vue-router3.x通配规则vue2.x对应的vue-router3.x的404路由通配方式：{path:'*',//会匹配所有路径name:'404',component:()=>import(
·2022-04-21 17:34

ElementUI日期选择器时间选择范围限制的实现

设置选择今天以及今天之后的日期情景2:设置选择今天以及今天以前的日期情景3:设置选择今天之后的日期（不能选择当天时间）两个输入框情景1:限制结束日期不能大于开始日期ElementUI是饿了么推出的一套基于vue2
·2022-04-15 10:31

看完涨薪2K+_____2019 JAVA 必刷面试题

欢迎大家加入我的github项目,一起学习，一起发展--->全栈工程师进阶学习站--->我的前端学习笔记--->行业内最新最群的报告，工作日每日更新—>原生js训练计划2019–JAVA新征程github
Gavincoder·2022-04-14 06:29

Vue2.x 的双向绑定原理及实现

目录1、实现过程2、显示一个Observer3、实现Watcher4、实现Compile5、添加解析事件6、完整版myVueVue是利用的Object.defineProperty()方法进行的数据劫持，利用set、get来检测数据的读写。https://jsrun.net/RMIKp/embedded/all/lightMVVM框架主要包含两个方面，数据变化更新视图，视图变化更新数据。视图变化更
·2022-04-13 15:57

vue3.x源码剖析之数据响应式的深入讲解

目录前言什么是数据响应式数据响应式的大体流程vue2.x数据响应式和3.x响应式对比大致流程图实现依赖收集代码仓库结尾前言如果错过了秋枫和冬雪，那么春天的樱花一定会盛开吧。
·2022-04-12 19:28

vue3项目后台管理系统模板

Vue3.0发布第一个版本至今有一段时间了，到现在一直在更新优化,在性能方面，对比Vue2.x，性能的提升比较明显，打包后体积更小来看下Vue3.x新增了哪些功能和特性。
业__于勤荒于嬉·2022-04-12 17:00

【前端学习笔记1】数组和字符串的相互转化 JS

从现在开始，认真学习，好好工作。用文字记录生活，用代码编写人生。2022.4.7这次是整理了一些数组和字符串的转化方法，其中主要的还是几个，toString(),join(),Array.prototype.map(),split()这几个。希望这些内容/笔记，对之后的前端学习者有一定的学习/参考意义。数组转字符串1.toString()2.join()letnum_array=[1,2,3,4,
·2022-04-08 10:09

vue2.x与vue3.0_proxy与Object.defineProperty()的区别

（1）2.0中递归遍历data中的数据，使用Object.defineProperty()劫持getter和setter，在getter中做数据依赖收集处理，在setter中监听数据的变化，并通知订阅当前数据的地方。检测不到对象属性的添加和删除，当前新加的这个属性并没有加入vue检测数据更新的机制(因为是在初始化之后添加的)。注：vue.set是能让vue知道你添加了属性,它会给你做处理，set是
wuxinxin333·2022-04-07 11:39

VUE学习-入门

、VUE是啥1.2、为啥用VUE2、VUE的使用2.1、环境搭建2.1.1、nodejs安装2.1.2、npm安装2.1.3、vue-cli安装2.2、创建项目VUE-CLI2.X目录结构相关常用命令vue2
liushangzaibeijing·2022-04-03 13:18

前端学习笔记 webpack及命令文件结构

Webpack安装命令npminstall--save-devwebpackVue.js安装npminstallvuevue-cli-g-g表示这个包安装后可以被全局使用创建一个基于webpack模板的新项目npminitwebpackmy_project在本地以默认端口运行npmrundevWebpack下的Vue.js项目文件结构buildconfignode_modulesnode项目所用到
王子的烦恼·2022-04-01 10:58

一.vue3安装

Vue3.x发布于2020年9月19日，在Vue2.x的基础上面进行了一些优化，对TypeScript有更好的支持。Vue3.x的语法和Vue2.x非
小柠有点萌·2022-03-28 19:01

vue2.x版本中computed和watch的使用入门详解-关联和区别

前面两篇介绍了computed和watch的基本使用watch篇computed篇两者的区别，继续通过代码实现的方式具体去了解html最开始的value值：{{name}}computed计算后的值：{{computedName}}watch修改后的值：{{watchName}}修改名字JSdata(){return{name:"zhangsan",watchName:"张三",};},watch
·2022-03-25 10:36

vue2.x版本中computed和watch的使用入门详解-关联和区别

前面两篇介绍了computed和watch的基本使用watch篇computed篇两者的区别，继续通过代码实现的方式具体去了解html最开始的value值：{{name}}computed计算后的值：{{computedName}}watch修改后的值：{{watchName}}修改名字JSdata(){return{name:"zhangsan",watchName:"张三",};},watch
程序猿布欧·2022-03-25 09:00

vue2.x el-table二次封装实现编辑修改

目录computed中接收以下参数colData控制列数的数组表格可编辑select绑定相关最近开发新业务，看到有些功能一样的表格，想着封装一个组件，记录一下：最终实现效果大概实现是：封装一个通用的表格接收两个数组，一个控制行数，一个控制列数表格可进行编辑操作官方文档图中我们可以看到：:data="tableData"中传入的tableData用来控制表格行数el-table-column用来控制
·2022-03-24 17:37

vue2.x版本中computed和watch的使用入门详解-computed篇

前言在基于vue框架的前端项目开发过程中，只要涉及到稍微复杂一点的业务，我们都会用到computed计算属性这个钩子函数，可以用于一些状态的结合处理和缓存的操作。基础使用在computed中，声明一个函数，并需要提供一个返回值，用于在页面展示或者结合其他方法进行处理结合state状态使用通过changeName返回一段依赖于name的字符串computed基本使用name值：{{name}}{{c
·2022-03-24 15:24

Vue3 setup的基本使用

Vue3.0生命周期函数变更在Vue2.x中，实现一个功能，需要在data中新增数据，在methods/computed/watch中新增业务逻辑，数据和业务逻辑是分离的，不利于管理Vue3.0推出了CompositionAPI
趣享编程·2022-03-24 12:17

vue2.x版本中computed和watch的使用入门详解-watch篇

前言watch顾名思义，属于vue2.x版本中，监听和观察组件状态变化的钩子函数，常见的应用场景有监听路由变化，以及父组件传递给子组件的props数据的变化等基本使用在使用watch的时候，需要在data
·2022-03-24 09:59

vue2.x版本中computed和watch的使用入门详解-watch篇

前言watch顾名思义，属于vue2.x版本中，监听和观察组件状态变化的钩子函数，常见的应用场景有监听路由变化，以及父组件传递给子组件的props数据的变化等基本使用在使用watch的时候，需要在data
程序猿布欧·2022-03-24 09:00

vue2.x版本中computed和watch的使用入门详解-computed篇

前言在基于vue框架的前端项目开发过程中，只要涉及到稍微复杂一点的业务，我们都会用到computed计算属性这个钩子函数，可以用于一些状态的结合处理和缓存的操作。基础使用在computed中，声明一个函数，并需要提供一个返回值，用于在页面展示或者结合其他方法进行处理结合state状态使用通过changeName返回一段依赖于name的字符串computed基本使用name值：{{name}}{{c
·2022-03-23 09:56

vue2.x版本中computed和watch的使用入门详解-computed篇

前言在基于vue框架的前端项目开发过程中，只要涉及到稍微复杂一点的业务，我们都会用到computed计算属性这个钩子函数，可以用于一些状态的结合处理和缓存的操作。基础使用在computed中，声明一个函数，并需要提供一个返回值，用于在页面展示或者结合其他方法进行处理结合state状态使用通过changeName返回一段依赖于name的字符串computed基本使用name值：{{name}}{{c
程序猿布欧·2022-03-23 09:00

vue3 -【Composition API】-【新的组件】

vue-cli创建使用vite创建分析工程结构常用CompositionAPI拉开序幕的setupsetup的两个注意点ref函数reactive函数reactive对比refVue3.0中的响应式原理vue2
CaraYQ·2022-03-19 22:48

浅谈vue响应式原理及发布订阅模式和观察者模式

vue2.X中的响应式原理是基于de
「违规用户」·2022-03-18 21:12

手写demo了解vue响应式原理，订阅模式，观察者模式

Vue2.X响应式原理一.defineProperty的应用在Vue2.X响应式中使用到了defineProperty进行数据劫持，所以我们对它必须有一定的了解，那么我们先来了解它的使用方法把，这里我们来使用
想搞全栈的前端·2022-03-18 21:00

Vue2.x 安装 SCSS并使用

哈喽！大家好，我是【Bug终结者】，【CSDN新星创作者】，阿里云技术博主，51CTO人气博主，INfoQ写作专家一位上进心十足，拥有极强学习力的【Java领域博主】【Bug终结者】博客的领域是【面向后端技术】的学习，未来会持续更新更多的【后端技术】以及【学习心得】。偶尔会分享些前端基础知识，会更新实战项目，面向企业级开发应用！如果有对【后端技术】、【前端领域】感兴趣的【小可爱】，欢迎关注【Bug
Bug 终结者·2022-03-17 08:17

Vue2 composition-api 升级

在Vue2.x版本的项目中，获得和Vue3.0中一样的开发体验。composition-api字面意思是组合API，它是为了实现基于函数的逻辑复用机制而产生的。
·2022-03-16 17:50

Vue2.x安装并使用SCSS的全部过程

目录一、什么是SCSS二、SCSS与CSS的区别三、Vue中安装SCSS♻️安装SCSS♻️运行项目进行测试四、项目中使用SCSS补充：全局引用scss⛺SCSS常用命令总结一、什么是SCSSSCSS是成熟、稳定、强大的CSS预处理器，而SCSS是Sass3版本当中引入的新语法特性，完全兼容CSS3的同时继承了Sass强大的动态功能。二、SCSS与CSS的区别SCSS代表SassyCSS。与Sas
·2022-03-15 10:44

项目框架vue2.x版本升级到vue3.0版本

主要模块升级对应版本vue2.x与vue3.x的区别升级过程中遇到的问题项目发布一、为什么要升级框架？
绘梦_·2022-03-10 15:40

简单聊聊vue2.x的$attrs和$listeners

目录$attrs$listeners总结$attrs$attrs用于多层次组件传递参数（组件标签的attribute，class和style除外），爷爷辈组件向孙子辈组件传递参数（注：参数不能被父辈prop识别，一旦被父辈prop识别且获取，则孙子辈组件不能获取到该参数）写法如下：（注：v-bind不能用简写:）下面举个栗子：爷爷（GrandFather）向父亲（Father）传递一个msg1向孙
·2022-03-10 10:02

关于 vue2.x 的 $attrs 和 $listeners

$attrs$attrs用于多层次组件传递参数（组件标签的attribute，class和style除外），爷爷辈组件向孙子辈组件传递参数（注：参数不能被父辈prop识别，一旦被父辈prop识别且获取，则孙子辈组件不能获取到该参数）写法如下：（注：v-bind不能用简写:）下面举个栗子：爷爷（GrandFather）向父亲（Father）传递一个msg1向孙子（GrandSon）传递一个msg2，
芦荟柚子茶·2022-03-09 22:00

Vue3.0新版API之composition-api入坑指南

关于VUE3.0由于vue3.0语法跟vue2.x的语法几乎是完全兼容的，本文主要介绍了如何使用composition-api，主要分以下几个方面来讲使用vite体验vue3.0composition-api
·2022-03-09 16:11

推荐 9 个经典前后端分离项目

前端核心框架：Vue2.x、VueRouter、Vuex；Vue项目基于@vue/cli4.x构建。JS依赖
前端码农..·2022-02-27 19:06

前端学习笔记十九-MongoDB+Express开发项目知识点

一、密码加密bcrypt哈希加密是单程加密方式：1234=>abcd在加密的密码中加入随机字符串可以增加密码被破解的难度。//导入bcrypt模块constbcrypt=require('bcrypt');//生成随机字符串gen=>generate生成salt盐letsalt=awaitbcrypt.genSalt(10);//使用随机字符串对密码进行加密letpass=awaitbcrypt.
AizawaSayo·2022-02-22 07:29

vue2.x项目 通过theme-chalk-preview实现动态换肤

【背景需求】项目需支持用户自定义主题颜色并缓存颜色【技术实现】（插件）[email protected]、[email protected]、[email protected]、[email protected]{{$t('navbar.theme')}}切换重置importgenerateColorsfrom"@/utils/
leo0oel·2022-02-21 19:39

前端学习笔记-React Hooks-解释辨析

文章目录区分命名类似的ReactAPI与HooksMemoRefContextReduxHooksHooks不能完全替代生命周期区分命名类似的ReactAPI与HooksMemouseMemo()(hook)：缓存计算的结果；也可模拟useCallback；React.memo(FC,checkPropsEqualFn)：为函数式组件添加浅比较缓存功能，对标继承了PureComponent的类组件
科粒·2022-02-21 10:10

【vue-cli 3】全局过滤器

到了vue2.x版本之后，内置到几个过滤器就被删掉了，如果需要用到过滤器，就要开发者自己去定义。可以把过滤器定义在某个组件内部，但这样就成了局部过滤器，在别的组件里是无法使用的。所以通常不会这么做。
德育处主任·2022-02-21 01:55

Vue.js 移动端 UI 组件库 YDUI

Vue-ydui是YDUITouch的一个基于Vue2.x的移动端&微信UI实现版本，专为移动端打造，在追求完美视觉体验的同时也保证了其性能高效。
与蟒唯舞·2022-02-20 18:32

3分钟带你体验Vue3.0

虽然Vue3.0还未发布，但是Vue官方发布了关于CompositionAPI的官方插件，使广大用户可以在Vue2.x中享受FunctionBase带来的新体验。
天外小星星·2022-02-19 17:40

【Vue3.0】还学得动吗？赶紧和我过一遍用法吧！

阅读依赖本篇文章默认读者已经了解以下知识，没有掌握的请去补课~Vue2.x的用法npm的安装与构建，npx局部安装替代全局
Kagashino·2022-02-18 10:23

厚积薄发 前端学习笔记 CSS基础篇-左侧固定，右侧自适应（或右侧固定，左侧自适应）布局方法

这是我们经常可能会遇到到一种布局方法，或者是右侧固定，左侧自适应，下面列出我归纳总结的几种方法，是实际开发中比较常用和实用的几种方法GitHub项目链接写在前面归纳总结了几种比较ok的方法，左右布局是基本功之一，虽然现在我们基本在开发中都会使用类似antd，element，iview这些前端ui框架，这些框架已经把传统的布局样式给封装的很完美了，但是作为前端的css基础，我认为这些也是必须掌握的，
子白青墨·2022-02-16 09:25

基于Vue2.x的前端架构，我们是这么做的

通过VueCLI可以方便的创建一个Vue项目，但是对于实际项目来说还是不够的，所以一般都会根据业务的情况来在其基础上添加一些共性能力，减少创建新项目时的一些重复操作，本着学习和分享的目的，本文会介绍一下我们Vue项目的前端架构设计，当然，有些地方可能不是最好的方式，毕竟大家的业务不尽相同，适合你的就是最好的。除了介绍基本的架构设计，本文还会介绍如何开发一个VueCLI插件和preset预设。ps.
·2022-02-15 21:47

Vue2.X是如何利用Object.defineProperty()实现数据绑定的

Vue2.X是如何利用Object.defineProperty()实现数据绑定的上一篇文章写到了Object.defineProperty的使用，这篇文章说一下Vue是如何利用这个方法实现数据绑定的。
·2022-02-15 21:46

Vue2.x API 学习

目录Vue2.xAPI全局配置silentoptionMergeStrategiesdevtoolserrorHandlerwarnHandlerignoredElementskeyCodesperformanceproductionTip属性$data$props$el$options$parent$root$children$slots$scopedSlots$refs$isServer$at
ylnzzl·2022-02-15 09:53

Vue响应式原理模拟分析， 实现一个最小版本的Vue

提高开发效率双向绑定：数据改变，视图改变；视图改变，数据也随之改变我们可以使用v-model在表单元数据驱动是Vue最独特的特性之一：开发过程中仅需要关注数据本身，不需要关心数据是如何渲染到视图二、数据响应式核心原理Vue2
好好学习用力吃饭·2022-02-15 09:16
上一页 13 14 15 16 17 18 19 20 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他