vue2.x

vue2.X基础速成---核心技术（1）

（核心知识点+课程内容介绍）vue2.x框架常用知识点（模版语法、条件渲染、列表渲染等）∨ue2x核心技术（vue-router、vuex）集成∨ue2x适合什么人群？
时光猎人688·2020-08-21 05:30

Vue2响应式原理解析（一）：从设计出发

这段时间我看了Vue2.x关于observer的
deepfunc·2020-08-21 04:19

Vue CLI 3是如何加载main.js

1、Vue2.x加载方式如果你是用vue.js官网提供的脚手架工具并沿用默认配置的话，你执行npmrundev的时候会出来页面，是因为你根目录下的package.json文件里script配置了"dev
水晶果冻1125·2020-08-21 04:36

Vue 2.x 使用CKEditor 的入坑

Vue2.x使用CKEditor的入坑到放弃最近在构思自己的博客，后台编辑文章的时候想用富文本编辑器，看了几个比较火的富文本编辑器，最后选择了CKEditor，一个老牌编辑器厂商，ck5看这很不错，但是在使用过程中遇到了写问题
LaughingZhu·2020-08-20 21:42

Vue 2.x 使用CKEditor 的入坑

Vue2.x使用CKEditor的入坑到放弃最近在构思自己的博客，后台编辑文章的时候想用富文本编辑器，看了几个比较火的富文本编辑器，最后选择了CKEditor，一个老牌编辑器厂商，ck5看这很不错，但是在使用过程中遇到了写问题
LaughingZhu·2020-08-20 21:42

（19）打鸡儿教你Vue.js

了解vue2.x的核心技术建立前端组件化的思想常用的vue语法vue-router，vuex，vue-cli使用vue-cli工具Vue框架常用知识点vue核心技术集成Vue重点看，重点记模板语法，条件渲染
达达前端·2020-08-20 00:13

[Vue] 为 Vue 添加（混入）实例属性和钩子（Custom Property and Hooks for Vue ）

（CustomPropertyandHooksofVue）目标1、给Vue实例添加类似vue-router插件的$router的属性2、给Vue实例添加钩子（类似）（仅是回调函数，不影响生命周期）环境Vue2
dsjtlmy·2020-08-19 09:04

[vue插件]基于vue2.x的电商图片放大镜插件

vue-piczoomApicturemagnifiercomponentforVue.js2.x基于vue2.x的电商图片放大镜插件BuildSetup使用步骤#安装installnpminstallvue-piczoom
IT小孢子·2020-08-19 00:32

vue教程推荐

vue2.x系列在线交互式教程：vue教程vue教程全面系统地讲解最新的前端框架Vue.js2.x，内容涵盖响应式计算机制、指令和组件、动画效果等诸多方面，教程深入浅出，即适合没有Vue.js开发基础的前端初学者学习
weixin_33758863·2020-08-18 22:06

vue入门第一天，后端程序员需要掌握的vue技术，五天带你玩转vue

作为一个java程序员，我将带领大家领略vue2.x的一些使用和技巧
Carry-wws·2020-08-18 21:35

vue2.x错误之Use // eslint-disable-next-line to ignore the next line.

前言日常积累,欢迎指正错误eslint语法检测报错Youmayusespecialcommentstodisablesomewarnings.Use//eslint-disable-next-linetoignorethenextline.Use/*eslint-disable*/toignoreallwarningsinafile.错误原因vue中组件代码有换行，如下：待办项最简单的办法就是去掉
SarinaDu·2020-08-18 21:26

Vue2响应式原理解析（一）：从设计出发

这段时间我看了Vue2.x关于observer的
deepfunc·2020-08-18 09:48

vue知识点归纳与总结(笔记)

前言当前总结是本人在业余学习与实践过程后的总结与归纳,旨在检验自己的积累,也方便忘记时查阅,同时也希望能帮助那些这方面知识匮乏的同行门,总结是基于vue2.x,vue-cli3.x,主要记录些，vue常用的指令
abner_yang·2020-08-18 06:35

input 去空格（vue2）

但Vue2.x版本取消了所有双向绑定（包括父子prop通信）,导致修饰符失效，所以必须另辟他径。totrim:function(
weixin_34315665·2020-08-18 05:04

Vue2.x 路由实现地址栏变化的API(history.replaceState() 与pushState())

文章目录快速体验history对象history的APIhistory属性`HTML5为history对象添加了两个新方法`history.pushState()参数案例步骤说明`不允许输入跨域网址`history.replaceState()history.replaceState()与pushState()功能类似，除了这点:应用场景案例(history.replaceState()与push
胖鹅68·2020-08-17 22:37

Vue2.x 根据URL地址为条件控制组件的逻辑的最佳方式——监听$route属性

文章目录问题描述解决思路在匹配的URL组件中处理逻辑在App.vue中监听路由的变化问题描述在工作中遇到一个需求：App.vue有个左侧菜单组件和右侧路由组件，现在需要根据不同的URL，决定是否显示左侧菜单解决思路在匹配的URL组件中处理逻辑解决办法：在匹配的组件中，mounted方法里通过document.querySelect方式查找到对应的节点，然后根据业务场景决定显示或者影藏左侧菜单问题：
胖鹅68·2020-08-17 22:37

一起动手撸一个富文本编辑器吧

项目前端框架是Vue，最好是基于Vue2.x的编辑器网上开源的编辑器体验或多或少有不满足的地方。还好开发时间比较富足，于是决定在vue-html5-edi
weixin_34279246·2020-08-17 03:20

教你如何检查一个函数是否为JavaScript运行时环境内建函数

今天在学习Vue2.X版本的源代码时，就发现了Vue中也有用来检测一个函数是否为运行时原生支持。functionisNative(Ctor){returntypeof
weixin_33769207·2020-08-16 09:22

vue各种示例展示

注意：以下所有示例基于vue2.x、Vuex2.x、vm.
vcxiaohan2·2020-08-16 08:49

vue2.x过渡(transition)与动画(animationend)

transitionVue提供了transition的封装组件，在下列情形中，可以给任何元素和组件添加进入/离开过渡条件渲染(使用v-if)条件展示(使用v-show)动态组件组件根节点示例：TogglehellonewVue({el:'#demo',data:{show:true}}).fade-enter-active,.fade-leave-active{transition:opacity
想搞全栈的前端·2020-08-16 07:53

vue2.x源码解析五——数据驱动--2.new Vue发生了什么

1.实现小小的例子我们使用vue-vli创建基于Runtime+Compiler的vue脚手架{{message}}varvm=newVue({el:'#app',data:{message:'这是vue实例'}})2.探究根源我们由上一节vue的入口文件，知道了2.1入口文件src/core/instance/index.js：functionVue(options){if(process.en
南张门·2020-08-16 06:37

Vue2.x源码解析系列五：数据响应之Watcher

写在前面的话：关于作者言川笔名言川,前端工程师，精通Vue/Webpack/Git等，熟悉Node/React等，涉猎广泛，对算法/后端/人工智能/linux等都有一定研究。开源爱好者，github上目前总计5000+Star。我的github主页：https://github.com/lihongxun945我的博客地址：https://github.com/lihongxun945/myblo
George_Fal·2020-08-16 05:35

vuecli3多个项目共用组件动态打包单个项目

vuecli3.x,并且需要多个项目引用一些公用封装的组件库,工具库或资源之类,于是集成在一起.当时做的时候,vuecli4正好出来了,前项目就是用的vuecli3.x,只是说这个项目加入进来的时候,还是vue2
苏轻·2020-08-15 19:13

Vue2.x与@vue/compositio-api上手指南

@vue/composition-api分享该API现已稳定！本文主要是按照官方文档加上自己的理解编写，如若有误，烦请指正！当迁移到Vue3时，只需简单的将@vue/composition-api替换成vue即可。你现有的代码几乎无需进行额外的改动。动机与目的更好的逻辑复用与代码组织随着功能的增长，复杂组件的代码变得越来越难以阅读和理解。目前缺少一种简洁且低成本的机制来提取和重用多个组件之间的逻辑
重复过往·2020-08-15 19:11

d3-v4.x版本-世界地图

v4.x版本-世界地图代码是基于vue2.x版本项目中，代码注释部分为关键点解释都是基于d3-v4.x版本的。
dengzeyuan·2020-08-15 18:29

d3-v4.x版本-中国地图

v4.x版本-中国地图代码是基于vue2.x版本项目中，代码注释部分为关键点解释都是基于d3-v4.x版本的。
dengzeyuan·2020-08-15 18:29

vue-cli打包生产环境--配置问题解决

项目环境vue-cli脚手架+element-UI搭建（编译器：vscode）vueinitwebpack项目名称，接着根据提示，按需构建项目环境（这里使用的vue2.X版本）具体打包生成的步骤，网上有很多这方的构建素材
lilihaoo~·2020-08-15 18:19

vue3.0 v-for循环数据列表，点击获取循环列表当前项的某一项的数据，例如id

vue2.x写法：v-for循环数据列表，点击获取循环列表当前项的某一项的数据，例如id附上vue3.0文档：组合式API文档vue3.0示例在v-for循环语句上定义一个点击事件，传入一个参数，点击的时候需要获取什么数据就传入什么
好巧.·2020-08-15 16:36

Vue3 的新特性（四） —— 虚拟DOM的底层原理

我们已经知道，Vue2.x中的Vdom已经相
鹤仔z·2020-08-14 17:12

（饿了么商家点餐页面Vue实战项目）总结

//webpack.github.io/）stylus中文文档es6入门学习(http://es6.ruanyifeng.com/)eslint规则设备像素比flex布局贝赛尔曲线测试主要遇到的问题：vue2
zZ_Terry25·2020-08-13 23:13

npm install过程中出现Maximum call stack size exceeded

公司前端项目技术栈是vue2.x全家桶，由我跟另外一个同事开发，最近他添加了新的npm包，我将代码拉下来之后执行npminstall出现下图问题：找到解决办法，删除node_module文件夹和package-lock.json
一只前端小马甲·2020-08-13 23:54

vue-aplayer：一个基于vue2.x易于配置的音乐播放器控制组件

vue-aplayer一个基于vue2.x易于配置的音乐播放器控制组件这个组件是aplayer基于vue的实现，并不断的更新完善，而不仅仅只是一层封装介绍demo截图安装$npminstallvue-aplayer
Rank92·2020-08-13 21:43

理解vue2.x之diff算法

了解diff算法前，应该先了解虚拟DOM(VNode)，在vue中是先创建VNode，再通过diff算法看哪个节点需要更新，最后批量处理，提高效率。diff算法本质来看一段简单dom结构1主要包含三个部分自身的标签名（div）自身的属性（id='app'）子节点(span)可以通过如下方式描述以上domconstvnode={tag:'div',attrs:{id:'app'},children:
老鼠AI大米_Java全栈·2020-08-13 01:06

[译]React 17终于发布RC版本了 官方竟说17是个过渡版！

不过相比于Vue3对Vue2.x能力的巨大提升，React17对React16.x好像并没有什么很给力的更新。
手撕红黑树·2020-08-12 22:46

vue2.x和vue3.x中的双向数据绑定原理有什么不同

简单探讨一下vue2.x和vue3.x中实现数据绑定的原理有什么不同，首先vue2.x使用的是Object.defineProperty方法，这个方法不兼容IE9以下的版本；而vue3.x使用的是Proxy
Encoreeeee·2020-08-12 18:54

【Vue笔记--精简版】

文章目录VueVue创建项目和项目结构分析Vue2.x环境搭建与运行初始项目Vue3.x创建项目与运行初始项目Vue项目目录解析Vue.js基本操作Vue绑定数据`{{}}`Vue列表渲染`v-for`
千里水草·2020-08-12 17:41

Vue2.x 源码剖析之响应式原理

StudyNotesVue.js源码剖析-响应式原理响应式处理的入口src/core/instance/init.jsinitState(vm)vm状态的初始化初始化了_data、_props、methods等src/core/instance/state.js/*@flow*/import...;constsharedPropertyDefinition={...};exportfunction
白驹过隙时光荏苒·2020-08-12 14:24

vue2.x 使用vue-cli搭建项目，引用全局scss 及报错Module build failed: TypeError: this.getResolve is not a function

引用全局scss1、安装sass-resources-loader插件，然后新建一个var.scsscnpminstallsass-resources-loader--save例如var.scss：@charset"UTF-8";$themeColor:#409eff;@mixinellipsis(){overflow:hidden;text-overflow:ellipsis;white-spa
凌霄102·2020-08-12 01:28

Vue2.x脚手架搭建

1.首先要全局安装最新版本的node；2.在cmd中输入Vue2.x安装命令：1)全局安装vue脚手架：npminstall-gvue-cli2)初始化基于webpack的vue项目：vueinitwebpackmy-project3
sunshine-huang·2020-08-11 23:08

vue-cli(vue2.x)中使用vux（vue移动端UI组件库）

vux官网链接：https://doc.vux.li/zh-CN1、在项目根目录下使用npm安装npminstallvux--save因为vux使用less来书写样式文件的，所以还要安装less编译的loader：npminstalllessless-loader-D2、vux2必须配合vux-loader使用如果npm下载的是vux2.x版本的话，那么就必须配合vux-loader使用，不然就会
winne雪·2020-08-11 22:38

Vue2.x教程之filter过滤器的使用

vue2.0以后已经放弃对自带的过滤器函数，但同时对开发人员提供了一个filter的处理器，虽然命名为filter，但是我觉得叫做数据处理器更体贴。用以在不改变的data的情况下输出前段需要的格式数据。基本调用方法：[html]viewplaincopy{{message|filterFun}}[javascript]viewplaincopynewVue({//...filters:{filte
itKingOne·2020-08-11 21:32

vue 2.x脚手架

vue2.x脚手架使用vueinitwebpack-simplefilename下载好框架src文件夹目录下是我们要操作的文件app.vue文件：所有的组件集中到此文件中ep:import组件名from
xiaodaoshi11·2020-08-11 15:10

Vue2.x + axios 封装请求api

使用Vue时我们常使用axios搭配食用，网上很多教程推荐的方法是直接把axios挂在Vue实例下使用，类似这样Vue.axios=_axios;window.axios=_axios;Object.defineProperties(Vue.prototype,{axios:{get(){return_axios;}},$axios:{get(){return_axios;}},});然后在各个c
苏笛南风·2020-08-11 14:45

Vue2.x源码——Vue构造函数

在Vue源码中，关于Vue构造函数的部分是这样的：//vue\src\core\instance\index.jsimport{initMixin}from'./init'import{stateMixin}from'./state'import{renderMixin}from'./render'import{eventsMixin}from'./events'import{lifecycleM
白水煮青菜·2020-08-11 14:53

基于Vue2.x日期选择组件

vue-datepicker-基于Vue2.x日期选择组件Datepicker是一款稍微复杂的组件，其中涉及的日历计算与显示需要比较清晰的逻辑。
weixin_34409357·2020-08-11 14:55

Vue2.x源码学习笔记-源码目录结构整理

先从github上下载或者clone一个vue分支项目https://github.com/vuejs/vue查看下目录结果先列出一些目录Vue|—build打包相关的配置文件，其中最重要的是config.js。主要是根据不同的入口，打包为不同的文件。|—dist打包之后文件所在位置|—examplesdemo示例|—flow因为Vue使用了Flow来进行静态类型检查，这里定义了声明了一些静态类型
weixin_30550081·2020-08-11 14:22

解析vue2.x源码之组件的生命周期

基本概念介绍：在日常开发中，我们会在组件的生命周期函数内编写代码，等待组件在适当的时机调用。生命周期函数有:beforeCreate、created、beforeMount、mounted、beforeUpdate、updated、beforeDestory、destoryd。那么组件是在什么时候调用这些生命周期函数的？在调用生命周期函数时又分别做了什么呢？created:在vue实例被创建时，v
前端小白 - GavinWu·2020-08-11 12:19

vue2.x源码解析六——组件化--4.实例解析组件的整个映射过程

1.准备工作1.加入断点我们利用断点的方式，一步一步分析，，我们采用的是Runtime+Compiler版本的vue.js，所以我们将debugger插入组件DOM的时候会走createComponent函数functioncreateComponent(vnode,insertedVnodeQueue,parentElm,refElm){...if(isDef(vnode.componentIn
南张门·2020-08-11 12:25

vue2.x源码解析五——数据驱动--5.update

1.连接上一节在上一节中我们提到了在src/core/instance/lifecycle.js中通过渲染Watcher实时去监测调用updateComponent方法，从而实现的页面实时渲染，vm._render()主要是生成的VNode（虚拟DOM），下面我们来讲一讲vm._update方法的是如何实现数据渲染和更新的updateComponent=()=>{vm._update(vm._re
南张门·2020-08-11 12:25

vue2.x源码解析一 —— flow

Vue.js的源码利用了Flow做了静态类型检查，所以我先介绍一下flow。1.flow是什么？Flow是facebook出品的JavaScript静态类型检查工具。类型检查是当前动态类型语言的发展趋势，所谓类型检查，就是在编译期尽早发现（由类型错误引起的）bug，又不影响代码运行（不需要运行时动态检查类型），使编写JavaScript具有和编写Java等强类型语言相近的体验。安装flow：npm
南张门·2020-08-11 12:25
上一页 16 17 18 19 20 21 22 23 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他