VUE2.x 第19页

vue2.x 项目搭建

环境搭建a)下载node.jshttp://nodejs.cn/download/安装完成后添加到坏境变量b)全局安装vue-clinpminstall-gvue-cli(输入vue-V输出版本号则为安装成功)新建项目a)进入你需要新建项目的目录输入：vueinitwebpacktest（一直回车即可）结束后会生成一个test的文件夹vue的项目则在此目录下如图：b)运行项目在test目录下输入:

厌笔不萧生·2020-09-15 08:33

vue 2.x项目创建

基于vue2.x创建vue项目1.cnpminstall-g@vue/cli-initcnpminstallwebpack-dev-server-g2.vueinitwebpackmy-project3

weixin_44570241·2020-09-15 07:12

基于vue2.x实现单选框与复选框组件

基于vue2.x实现单选框与复选框组件w-single-input(单选框)w-checkbox（多选框）不是很会录屏，就放几组演示照片吧话不多说，我们现在就开始实现这两个组件，首先你得搭好一个架子，架子具体实现请参考

Eden-one·2020-09-13 21:21

vue2升级vue3.x

无需要装卸vue2.x:npmuninstall-gvue-cli可以直接升级npminstall-g@vue/cli

sir.山·2020-09-13 08:39

Vue面试题

2、简单说一下Vue2.x响应式数据原理3、你知道Vue3.x响应式数据原理吗？4、vue2.x中如何监测数组变化5、nextTick知道吗，实现原理是什么？

super-CodeCake·2020-09-12 22:16

Vue项目的商品放大镜

01.介绍插件（vue-piczoom）基于vue2.x的电商图片放大镜插件02.使用方法//首先使用npm下载npminstallvue-piczoom--save//具体使用方法//组件默认是100%

yshusencsdn·2020-09-11 12:07

Vue源码剖析(一)：抽离AST抽象语法树

Vue源码剖析，针对Vue2.x的Vue框架源码，描述相应的核心实现并简单实现具体的流程今天说的是如何将编写的模板语法，抽离成框架处理的AST语法树Vue是一个面向视图层的渐进式前端框架，它推荐用户使用不同的状态控制页面元素

一树梨花·2020-09-11 10:11

C-Swipe Mobile 一个简单的轮播组件

因此自己写了一个针对于Vue2.x的轻型轮播组件。

anbei9541·2020-09-11 08:37

如何用 Typescript 写一个完整的 Vue 应用程序

弹琴弹琴·2020-09-11 07:05

个人博客项目day4

因为tm后端是8080而前端不是啊md)所以我们要修改config目录下面的index.js文件,但是我们下载现在木有这个文件目录.怎么整…百度了以下原来是vue3.x版本没有config目录但是我的是vue2

wildg00se·2020-09-10 21:18

基于vue2.x实现文件上传（w-upload）组件

在线演示地址w-upload在这一系列的博客里，有一些其他的组件实现过程，有兴趣的童鞋可以了解一下，今天我们来介绍一下w-upload文件上传组件的实现原理。实现思路刚开始写这个的时候我自己也感觉很懵逼，感觉这个原生上传文件的样式咋改，很烦，最后在github上大佬们的实现过程，顿时就感觉这个东西真的很假，就只是让样式变得好看而已，不多说了。来说一下这个的实现过程。其实原生的上传文件的表单是这样的

Eden-one·2020-09-10 11:57

vue自定义全局设置

vue2.x中在static下新建一个serverConfig.js,vue3中在public下新建一个serverConfig.jsconstwin=window||globalwin.apiConfig

LLL_LH·2020-09-10 11:11

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

不过相比于Vue3对Vue2.x能力的巨大提升，React17对React16.x好像并没有什么很给力的更新。

手撕红黑树·2020-09-10 09:46

Vue 3.0新特性学习

vue3-app更好的阅读体验请点击：advanced-front-endv-model指令//vue2.x//vue3.xv-model指令在vue2.x和vue3.0存在一些差别2.x中v-model

兰亭古墨·2020-09-05 14:54

Vue2.x Vue3.0 dom diff 算法源码分析+动图展示

dom-diff概述比较只会在同层级进行,不会跨层级比较Vue2.xdiff算法1.vue2.xdom-diff算法核心源码functionupdateChildren(parentElm,oldCh,newCh,insertedVnodeQueue,removeOnly){varoldStartIdx=0;//旧节点开始indexvarnewStartIdx=0;//新节点开始indexvaro

CO2爱前端·2020-08-26 23:02

Vue2.x生命周期笔记

Vue实例从创建到销毁的过程，就是生命周期。详细来说也就是从开始创建、初始化数据、编译模板、挂载Dom、渲染→更新→渲染、卸载等一系列过程。beforeCreate：newVue()也就是实例创建后，初始化data里的所有数据，初始化event、watch等事件！之前！调用。源码内部分析：这个阶段主要是完成vue中关于生成周期以及事件的一些初始化工作。created：初始化data里的所有数据，初

Axis冬小冬·2020-08-26 16:08

视频教程-Vue2.x经典后台管理系统案例讲解-Vue

Vue2.x经典后台管理系统案例讲解周古之，计算机专业毕业，十余年软件开发从业经验，先后从事过TCL自动化脚本开发，PHP开发，jQuery前端开发等业务。

学院导师-周新·2020-08-25 16:37

Vue2.x经典后台管理系统案例讲解-周新-专题视频课程

Vue2.x经典后台管理系统案例讲解—418人已学习课程介绍【超实用课程内容】通过对一个经典后台管理页面的创建和增删查改内容的讲解，把vuejs框架的关键知识点都穿插讲到。

周古之·2020-08-25 16:23

Vue2.x父组件与子组件之间的双向绑定

最近在研究如何写一套基于Vue2.x的UI组件给自己用，提升一点BIG，在制作含有input的组件遇到一个问题：不知怎样才能把子组件中input与调用者（父组件）的数据实现双向绑定，想过使用Vuex，但观摩了一下其他优秀的

抹茶摩卡·2020-08-25 15:01

学习笔记(01):Vue2.x经典后台管理系统案例讲解-vue前端总结回顾与学习拓展

立即学习:https://edu.csdn.net/course/play/26277/327057?utm_source=blogtoedu

Tracce·2020-08-25 15:10

vue 中英文切换

vue2.X版本中在build/webpack.config.js文件中在属性pulgins中设置如下属性：plugins:[newwebpack.NormalModuleReplacementPlugin

menglixiazhiweizhi·2020-08-25 14:17

Vue.js 源码剖析-模板编译

Vue.js源码剖析-模板编译Vue模板编译为什么需要模板编译Vue2.x使用VNode描述视图以及各种交互，用户自己编写VNode比较复杂模板编译的目的将模板(template)字符串转换为渲染函数(

白驹过隙时光荏苒·2020-08-25 11:24

Vue2.x源码调试

1.下载源码https://github.com/vuejs/vue2.安装npm包npmi3.安装rollup打包工具npmirollup-g4.修改packagedev命令，添加sourcemap5.npmrundev，dis目录会生成vue.js文件6.源码中有一些调试的例子，将vue.min.js文件修改成vue.js，然后再浏览器打开，看见src目录及配置成功7.断点调试

失岸·2020-08-25 04:48

Vue父子组件之间的通信方式

在Vue2.X中，父子组件之间有两点非常重要的通信原则：父子组件是单向数据流，父组件的状态更新，子组件中prop的状态也会更新，但是子组件的状态变化不会影响父组件。

写代码的闫老师·2020-08-24 23:14

VUE2.X全教程（三）--组件精讲

主要内容1.解决vue组件渲染的bug2.组件引用3.父子组件间的值传递4.组件的参数校验及非props特性5.给父组件绑定原生事件6.组件间的数据传递处理7插槽的使用8.作用域插槽9.动态组件及v-one指令Vue组件引发的bug及解决方案：Vue.component("row",{template:"thisisarow"})varvm=newVue({el:'#app'});当我们使用这种方

无~痕·2020-08-24 19:53

vue-hash-calendar，移动端日期时间选择插件

按照惯例，先上效果图vue-hash-calendar基于vue2.X开发的日历组件支持手势滑动操作·1原生js开发，没引入第三方库上下滑动切换周/月模式【周模式中】左右滑动可切换上一周/下一周【月模式中

HashTang·2020-08-24 16:45

Vue 中的 Render 全面详解 (渲染函数 & JSX)

@[toc]一、Render的资料简介Render函数是Vue2.x新增的一个函数、主要用来提升节点的性能，它是基于JavaScript计算。

ZHero·2020-08-24 16:51

Vue 2.x 使用CKEditor 的入坑

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

LaughingZhu·2020-08-24 14:41

在vue2.x项目使用flexible.js和sass

1.首先创建一个vue项目：vueinitwebpackmyproject2.安装完成后进入项目cdmyprojectnpminstall3.使用flexible.js适配安装lib-flexible：npminstalllib-flexible--save在main.js里引入：import'lib-flexible/flexible'4.将px自动转为rem安装postcss-px2rem：n

Peggy7·2020-08-24 14:11

hexo+css遇到的unexpected token问题

问题背景使用hexo+css模拟实现weex文档，页面Weex和Vue2.x的语法差异遇到问题。

stardew·2020-08-24 13:41

vue组件中data为什么是一个函数？

vue2.X组件中data为什么是一个函数？曾经的困惑，今天我就好好总结一下。

时~枫·2020-08-23 21:26

vue2.X 解决同一路由跳转只有参数变化的情况下，组件不刷新的问题

情况：点击导航切换下方组件的内容展示，组件不变，变的只有路由后面的参数{{item.product_category_name}}如上图，路由只前往ItemList；这样的问题是路径会切换，但是组件的内容并不刷新，查阅官方文档，然后使用beforeRouteUpdate解决问题beforeRouteUpdate(to,from,next){next()//路由后的操作},

weixin_34390105·2020-08-23 20:43

vue简易微前端项目搭建（一）：项目背景及简介

最近有空，准备写个系列教程，把公司目前在用的h5项目从搭建到实践优化的一些心得和经验记录一下，技术栈是vue2.x的，马上3.0正式版就要出了，再不写就要过时啦哈哈。

醉逍遥neo·2020-08-23 19:39

vue2.x 通过后端接口代理,获取qq音乐api的数据

前言:部分qq音乐的api接口不能直接通过jsonp访问,需要通过官方的代理才能获取,如:歌词,推荐歌单等1.webpack.dev.conf.js中创建接口://开头调用:varexpress=require('express')varaxios=require('axios')varapp=express()varapiRoutes=express.Router()app.use('/api'

光就一个字·2020-08-23 18:05

Vue 3.x 如何高效学成？本文详解

本文主要分享的是vue2.x与vue3.x之间一些常见用法的差异。虽然记录的不多，但也不算少。本文资料来源：github.com/vuej

编程叫兽·2020-08-23 15:42

（三）Vue必考面试题解析，继续向高级前端迈进

前言通过前面的文章，我们认识了页面的响应是由Vue实例里的data函数所返回的数据变化而驱动，也重点学习了页面的响应与数据变化之间是是如何来联系起来的，并且分别在Vue2.x与3.x中，从零到一实现了两个版本下的数据变化驱动页面响应原理

前端优选·2020-08-23 14:38

移动端vue-cli4开发环境搭建

项目说明基于vue-cli4.0+webpack4+vantui+sass+rem适配方案+axios封装，构建手机端模板脚手架项目地址：vue-h5-template技术栈Vue2.x、CLI4、webpack

星空之火@田兴·2020-08-23 11:45

vue最全知识点

代表UI组件,ViewModel将Model和View关联起来数据会绑定到viewModel层并自动将数据渲染到页面中，视图变化的时候会通知viewModel层更新数据了解mvc/mvp/mvvm的区别Vue2

俺呀尼哇·2020-08-23 03:24

vue2.x 动态添加属性值--

案例:页面添加全选按钮,需要为每一个item绑定一个checkboxthis.$set(item,'isCheck',false)此处使用的eleme的组件库只有使用以上方法添加的属性才能在click的时候,进行处理

子君不语·2020-08-23 02:24

Vue3 的新特性(三) —— 虚拟DOM的底层原理

我们已经知道，Vue2.x中的Vdom已经相当出色了，性能非常优秀。不过令人兴奋的是，尽管它够快，但在Vue3中还是对Vdom进行了重写，使Vue3突破了Vdom的性能瓶颈，更快！

前端之神·2020-08-23 02:15

vue数据劫持

原理vue2.x是基于Object.defineProperty实现双向数据绑定的；该函数可以在获取属性值或者设置属性值的时候监听属性的get和set事件，并进行相关的操作；当然，这些具体的操作就需要通过发布订阅者模式作为补充

Neil-·2020-08-23 01:58

vue表格插件

1.vxe-table一个全功能的Vue表格，满足绝大部分对Table的一切需求，与任意组件库完美兼容，官方文档2.SpreadJS纯前端表格控件，全面支持Vue官方3.vue-easytable基于vue2

单眼皮的小熊·2020-08-22 20:42

在vue2.x中使用v-console

最近两年，移动端的业务变得越来越多，vue作为前端三大框架之一，它的热度也是一直居高不下，感谢大佬尤雨溪为前端开发做出的贡献。然而手机的调试问题确实一直存在，我今天学习了v-console这个插件，感谢我同事的悉心教导。1、npminstallvconsole安装这个插件2、在main.js里面引入它importVconsolefrom'vconsole';3、紧接着添加这句话process.en

weixin_33829657·2020-08-22 14:22

vue2.x源码理解

也不知道哪股风潮，钻研源码竟成了深入理解的标配。我只想说一句，说的很对准备工作从GitHub上面下载vue的源码（https://github.com/vuejs/vue）了解下Flow,Flow是facebook出品的JavaScript静态类型检查工具。Vue.js的源码利用了Flow做了静态类型检查vue.js源码目录设计,vue.js的源码都在src目录下(\vue-dev\src)src

离岛·2020-08-22 10:27

vue-slideout 2.0 发布了，新增 ESC 键关闭

这是一个用于Vue2.x的侧滑组件，以用代替传统的对话框功能。

weixin_34095889·2020-08-22 03:56

vue 之数据请求----axios以及fetch的用法

vue之数据请求vue2.x版本我们最常使用的数据请求是axios和fetch。

yuyuyu0312·2020-08-21 12:34

vue跳转页面携带参数

2019年4月份开始用vue2.x来写，vue的基础的东西还是需要记录一下的。页面跳转：HTML：新增进件Script–methods:不携带参数直接跳转：this.

weixin_39407291·2020-08-21 06:18

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

推荐频道

VUE2.x