Vue2.0

解析Vue 2.5的Diff算法

DOM“天生就慢”，所以前端各大框架都提供了对DOM操作进行优化的办法，Angular中的是脏值检查，React首先提出了VirtualDom，Vue2.0也加入了VirtualDom，与React类似
_Liu·2017-11-28 17:00

理解Vue 2.5的Diff算法

DOM“天生就慢”，所以前端各大框架都提供了对DOM操作进行优化的办法，Angular中的是脏值检查，React首先提出了VirtualDom，Vue2.0也加入了VirtualDom，与React类似
saber00001·2017-11-28 16:00

vue2.0与bootstrap3实现列表分页效果

本文实例为大家分享了Android九宫格图片展示的具体代码，供大家参考，具体内容如下直接引入vue的js文件进行页面渲染分页，不是vuex的哦，以下源码可以直接运行哟^_^使用vue2.0与bootstrap3
At小小程序媛·2017-11-28 11:33

vue-bus组件之间的通信使用方法

vue-bus一个Vue.js事件中心插件，同时支持Vue1.0和2.0原因Vue2.0重新梳理了事件系统，因为基于组件树结构的事件流方式实在是让人难以理解，并且在组件结构扩展的过程中会变得越来越脆弱。
诚实可靠小郎俊·2017-11-28 10:46

基于vue2.0+svg 拓扑组件

2017年10月20日，因新公司项目需要，果断决定结合当下流行的VUE2.0框架+SVG技术重写拓扑组件，并将此开源，希望大家多提意见技术
鏡囝·2017-11-28 00:00

vue2.0使用swiper组件实现轮播效果

轻松实现vue2.0轮播效果，供大家参考，具体内容如下1、安装[email protected]、引用组件importSwiperfrom'swiper';import'swiper
Tony3820·2017-11-27 09:23

基于vue2.0实现简单轮播图

因为之前一直在忙公司的项目，vue这块就生疏了不少，正好借这个小demo复习下vue的知识。先来个效果图：如图所示，实现的就是一个间隔2.5s自动向左切换下一张的轮播图，同时鼠标移入停止轮播，移出回复轮播；而下方按钮会根据当前图片自动变红且可以手动控制当前图片。思路：整个demo分为轮播图片和控制span两个部分。按照前端工程化的需求来说，这两个部分应该解耦成两个component最后再导入页面比
qwezxc24680·2017-11-27 09:58

[第一课] 实战饿了么app—vue2.0

咱们今天就来做一个饿了么——商家模块，来体验一下vue2.0时如何实现的！
面包在奔跑·2017-11-26 21:09

Vue实践--过滤器（Filters）

使用语法:{{data|filter1(参数)|filter2（参数2）}};在Vue2.0之后就没有内置过滤器了，也就是说以后的过滤器都要自己去定义;Vue过滤器的分类：全局过滤器和局部过滤器，两者的区别
初心鸿鹄·2017-11-24 13:24

Vue实践--过滤器（Filters）

使用语法:{{data|filter1(参数)|filter2（参数2）}};在Vue2.0之后就没有内置过滤器了，也就是说以后的过滤器都要自己去定义;Vue过滤器的分类：全局过滤器和局部过滤器，两者的区别
初心鸿鹄·2017-11-24 13:24

vue.js模仿京东省市区三级联动的选择组件实例代码

显示效果如下：注意：使用vue2.0开发实例代码html代码如下居住地址×{{Province?Province:info[province-1].name}}{{City?City:'请
Jason齐齐·2017-11-22 10:19

利用vue+elementUI实现部分引入组件的方法详解

官网的介绍iView:一套基于Vue.js的高质量UI组件库Element，一套为开发者、设计师和产品经理准备的基于Vue2.0的组件库，提供了配套设计资源，帮助你的网站快速成型。
谢彪·2017-11-22 09:30

Vue2.0实现路由

Vue2.0和1.0实现路由的方法有差别，现在我用Vue2.0实现路由跳转，话不多说，直接上代码HTML代码商品评论商家main.js代码importVuefrom'vue'importVueRouterfrom'vue-router'importAppfrom
web前端yxw·2017-11-19 21:00

Vue2.0设置全局样式(less/sass和css)

为Vue设置全局样式需要几个步骤(如果是sass将less改成sass即可)第一步：在src目录下的main.js,也就是入口文件里面添加下面代码require('!style-loader!css-loader!less-loader!./common/less/index.less')在Vue1.0版本中可以这样写，但是2.0版本中就不行，会报错提示解析错误require('./common/
豆i浆·2017-11-18 08:07

11月16日云栖精选夜读：阿里云 oss JavaScript客户端签名文件上传 vue2.0

阅读更多热点热议阿里云ossJavaScript客户端签名文件上传vue2.0作者：烟海之蓝如何接入阿里云短信服务（完整指南）作者：pittman开发者/阿里云MVP，今天你斜杠了吗？
爱哭的小魔女·2017-11-17 15:00

11月16日云栖精选夜读：阿里云 oss JavaScript客户端签名文件上传 vue2.0

摘要：官方文档地址https://help.aliyun.com/document_detail/31925.html?spm=5176.doc31923.6.631.SAJk7p官方文档内给的demo是传统的代码引入方式，用到的模块有crypto、hmac、sha1、base64、plupload。官方文档地址https://help.aliyun.com/document_detail/319
暖夏未眠丶·2017-11-17 15:38

使用Vue-Router 2实现路由功能实例详解

注意：vue-router2只适用于Vue2.x版本，下面我们是基于vue2.0讲的
abcByme·2017-11-14 08:40

Vue环境搭建配置汇总

一、简介：本框架搭建主要是基于Nodejs+Vue+webpack搭建的一个Vue框架.其中nodejs为vue2.0的运行环境，其npm包管理器可为vue2.0项目下载管理各种依赖包;(如：npminstall
royluck·2017-11-13 11:07

Vue 2.X 生命周期

生命周期简介从上图可以很明显的看出现在vue2.0都包括了哪些生命周期的函数了。
A_小鹏·2017-11-09 14:03

vue2.0 父子传值，子父传值

父——子父组件：importchildfrom'./child.vue'exportdefault{components:{child}}子组件：hello我是子组件{{propsVal}}exportdefault{props:['propsVal']}现在子组件中就可以使用父组件传入的信息了，但是目前是固定的值，这往往满足不了我们日常的工作，我们要改变成动态的；只要在父组件中把propsVal
非凡主力·2017-11-08 15:23

详解如何使用webpack在vue项目中写jsx语法

本文介绍了如何使用webpack在vue项目中写jsx语法，分享给大家，具体如下:我们知道Vue2.0中对虚拟DOM的支持。
itKingOne·2017-11-08 09:40

vue实现仿淘宝结账页面实例代码

这个demo，是小编基于之前的vue2.0在table中实现全选和反选文章进行更新后的demo，主要功能呢，是仿照淘宝页面的结算购物车商品时自动算出合计价格的页面，具体页面效果请看下面的动图：（如果大家发现有什么问题请及时提出帮小颖改正错误呦
爱喝酸奶的吃货·2017-11-08 08:01

13、vue2.0利用better-scroll实现轮播图可以自动轮播可以无限循环轮播

1.安装better-scroll在根目录中package.json的dependencies中添加："better-scroll":"^0.2.4",然后npminstall安装2.封装代码sliderimportBScrollfrom'better-scroll'exportdefault{props:{loop:{type:Boolean,default:true,},autoPlay:{t
fongdaBoy·2017-11-06 17:41

在Vue-cli里基于axios封装复用请求

写在前面：自从Vue2.0推荐大家使用axios开始，axios被越来越多的人所了解。
OBKoro1·2017-11-05 16:25

vue2.0在table中实现全选和反选的示例代码

其实在去年小颖已经写过一篇：Vue.js实现checkbox的全选和反选小颖今天在跟着慕课网学习vue的过程中，顺便试试如何在table中实现全选和反选，页面的css样式是直接参考慕课网的样式写的，js是小颖自己写哒，欢迎大家吐槽和点赞，嘻嘻demo的git地址：ShoppingCart页面效果：具体怎么实现的呢？使用localstorage来存储页面信息中已经有写项目是怎么创建的所以小颖在这里
爱喝酸奶的吃货·2017-11-04 09:47

vue keep-alive的简单使用

缓存组件（全部缓存）来到的你app.vue如果你想选择性缓存在app.vue写成这样（vue2.0只能有一个根节点）然后来到你的路由router.js{path:'/',name:'home',component
echo_Ae·2017-11-03 10:48

vue keep-alive的简单使用

缓存组件（全部缓存）来到的你app.vue如果你想选择性缓存在app.vue写成这样（vue2.0只能有一个根节点）然后来到你的路由router.js{path:'/',name:'home',component
echo_Ae·2017-11-03 10:48

vue 2.0中如何使用sortable

vue2.0中使用sortable会出现el是标签元素，不是未定义的对象vue2.0开发项目中要实现拖拽排序的功能，推荐的用vue-sortable网址：(https://github.com/RubaXa
笨钟·2017-11-01 19:53

起步 - 从场景中看父子组件间通信

在vue中，父子组件的关系可以总结为propsdown，eventsup；在vue2.0中废弃了$dispatch和$broadcast，子组件使用event发出自定义事件父子组件之间的通信思考场景如下
OkayChen·2017-10-30 20:00

Vue之2.0版本的生命周期

vue2.0生命周期图示如下：图中详细展示了一个vue实例从创建到销毁的完整过程，项目中不少地方也会用到生命周期钩子函数用以实现某些功能，下面按照vue官网资料解释一下这个过程中的钩子函数：1，beforeCreate
昔有木如盖·2017-10-30 17:26

Vue2.0 axios前后端登陆拦截器(实例讲解)

vue更新到2.0之后，作者就宣告不再对vue-resource更新，而是推荐使用axios。前段时间第一次在项目里用到vue，关于登陆问题，这里写一下心得。首先后端：importorg.springframework.web.servlet.handler.HandlerInterceptorAdapter;importcom.lovnx.gateway.po.User;importjavax.
Lovnx·2017-10-27 10:15

Vue利用路由钩子token过期后跳转到登录页的实例

在Vue2.0中的路由钩子主要是用来拦截导航，让它完成跳转或前取消，可以理解为路由守卫。分为全局导航钩子，单个路由独享的钩子，组件内钩子。
HaiJing1995·2017-10-26 10:50

Vue之2.x版本父子组件双向绑定事件

以前面试的时候技术很自然的问到你知道vue有什么特点吗，那时候没深入了解vue，仅仅是对vue1.0的一些知识学习一点，于是乎顺口说vue能双向绑定数据，现在想想真尴尬啊，vue2.0已经移除了双向绑定
昔有木如盖·2017-10-25 21:46

vue2.0s中eventBus实现兄弟组件通信的示例代码

然而在vue2.0中，已经废除了这种用法。vuex加入后，对组件之间的通信有了更加清晰的操作，对于中大型的项目来说，一开始就把vuex的使用计划在内是明智的选择。
YuuyaRin·2017-10-25 11:13

基于Vue2.0+ElementUI实现表格翻页功能

ElementUI是一套采用Vue2.0作为基础框架实现的组件库，它面向企业级的后台应用，能够帮助你快速地搭建网站，极大地减少研发的人力与时间成本。
zhouyifeng98·2017-10-23 08:00

vue2.0设置proxyTable使用axios进行跨域请求的方法

这里请求的是知乎日报的api，由@izzyleung这位大神提供的，这是github地址。在vue-cli构建的项目中先安装axiosnpminstallaxios-S这里暂不考虑用vuex封装的方式，只讲在当前组件中直接使用。先在中引入用prototype将axios添加为vue原生的属性，$ajax相当于axios的别名。然后在要调用的方法或是钩子中请求，$ajax就是上面注册的axios，如
木知牧之·2017-10-19 17:28

Vue2.0父子组件传递函数的教程详解

学习笔记：在vue2.0中，父组件调用子组件时，想要将父组件
彩笔_小qing·2017-10-16 14:48

vue2.0学习笔记（第六讲）（bower的安装与使用、动画库animate.css的使用）

一、bower的安装与使用bower是一个类似于npm的包管理工具，只不过npm更偏向于后台，而bower更偏向于前端。我们同样也是需要通过npm的方式来下载bower。我们在cmd当中键入命令->npminstallbower-g来完成将bower下载安装到npm的全局目录下，由于我们之前已经把npm的全局安装目录配置到环境变量当中了，故下载完成后，不再需要配置环境变量。之后我们可以在任意目录下
倩儿爱甜食·2017-10-15 00:00

vue之过渡效果

vue2.0内置有过渡组件，使用也很简单，如下栗子：组件这里是组件css（使用的是stylus预处理器，’&’表示父级）.detailtransition:all.5sbackground:rgba(7,17,27
昔有木如盖·2017-10-11 17:36

vue中配置mint-ui报css错误问题的解决方法

在vue2.0中引入了mint-ui后总是报一个css的错误但是package.json中已经配置了css-loaderstyle-loader，webpack.config中也已经配置了css，还是报这个错误
luckylqh·2017-10-11 10:21

Vue 2.5中将迎来有关TypeScript的改进！

类型改进自Vue2.0发布以来，我们一直在收到更好集成TypeScript的请求。从那时起，我们已经为大多数核心库（vue，vue-router，vuex）加入了官方的TypeScript类型声明。
toBeTheLight·2017-10-09 00:00

Vue 2.0 patch 原理分析

本文基于vue-2.4.4源码进行分析Vue2.0开始，引入VirtualDOM。使用VirtualDOM而不使用真实DOM是出于性能优化的考虑。
fehysunny·2017-10-02 12:34

撸VUE弹窗组件 + 可编辑div 组件

可以的给github仓库一个star吧vue-ckq-layer一个基于vue2.0的弹窗组件(PC)不存在外部字体以及图片等文件，
?Briella·2017-09-30 17:15

vue2.0 axios跨域并渲染问题解决

(用的脚手架vue-cli)第一步：在main.js中如下声明使用importaxiosfrom'axios';Vue.prototype.$axios=axios;那么在其他vue组件中就可以this.$axios调用使用第二步：在webpack配置一下proxyTable(config之下的index.js)dev:{加入以下proxyTable:{'/api':{target:'http:/
DeadPool丶丶·2017-09-30 15:54

（vue2.0 案例3.0） 在vue-cli 项目中 需要知道常见的配置 防止入坑

一、配置打包后的文件路径进入config>index.js把assetsPublicPath:'/'改成'./';build:{env:require('./prod.env'),index:path.resolve(__dirname,'../dist/index.html'),assetsRoot:path.resolve(__dirname,'../dist'),assetsSubDirec
fongdaBoy·2017-09-29 13:40

Vue 2.0 模板编译源码分析

本文基于vue-2.4.4源码进行分析模板编译是Vue2.0中很重要的一个环节，它将template编译成render函数，最后生成VirtualDOM渲染在页面。
fehysunny·2017-09-28 23:19

vue生命周期简介

vue生命周期简介图片发自App图片发自App图片发自App咱们从上图可以很明显的看出现在vue2.0都包括了哪些生命周期的函数了。生命周期探究对于执行顺序和什么时候执行，看上面两个图基本有个了解了。
F_imok·2017-09-28 08:20

Vue生命周期

vue生命周期简介图片发自App图片发自App咱们从上图可以很明显的看出现在vue2.0都包括了哪些生命周期的函数了。生命周期探究对于执行顺序和什么时候执行，看上面两个图基本有个了解了。
余生LHX·2017-09-28 00:01

vue2.0函数(箭头函数)的this作用域

在做vue项目时用到了axios，但是发现axios请求之后的回调函数里this并不指向当前vue实例，从而导致浏览器报错。出错代码及结果:created:function(){axios.get('static/data.json').then(function(res){console.log(this)//undefinedthis.user=res.data.user})}(报错截图)普通
anmi7832·2017-09-26 19:00

Vue.js系列之项目搭建（vue2.0 + vue-cli + webpack ）

1、安装nodenode.js环境（npm包管理器）cnpmnpm的淘宝镜像从node.js官网下载并安装node，安装过程很简单，一路“下一步”就可以了（傻瓜式安装）。安装完成之后，打开cmd命令行工具，输入node-v，如果出现相应的版本号，则说明安装成功。npm包管理器，是集成在node中的，所以，直接输入npm-v就会显示出npm的版本信息。2、安装cnpm在命令行中输入npminstal
小白不白10·2017-09-20 11:00
上一页 61 62 63 64 65 66 67 68 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他