Vue2.0

Vue2.0 探索之路——vue-router入门教程和总结

前言这是关于vue的第三篇博文。没想到写的还有人看，正是因为你们的阅读和点赞收藏，才给了我无比的动力。请关注我的专栏，我不会停更的。最近也一直在想，前端知识怎么提高，前端知识的碎片化，让我感觉好多好多都不会，觉得这个时候我应该确定一个方向，重点的培养自己的招牌技能，再加以辅助技能。不过看了很多博文也暂时没有形成具体的路线，就先暂定写博文吧。今天主要讲解一下vue-router的相关知识，路由路由嘛
城南·2017-06-04 00:00

vee-validate的使用个人小结

英文文档可能会有不理解的地方，推荐大家看这篇博客下面来简单总结一下我的使用：一、安装npminstallvee-validate@next--save后面加@next是为了安装vue2.0的版本二、引入我使用的是
HaiJing1995·2017-06-03 16:22

详解Vue2.0里过滤器容易踩到的坑

vue2.0里，不再有自带的过滤器，需要自己定义过滤器。定义的方法如下：注册一个自定义过滤器，它接收两个参数：过滤器ID和过滤器函数。
sinat_36555135·2017-06-01 14:08

Vue2.0中Filter的使用问题

vue2.0里，不再有自带的过滤器，需要自己定义过滤器在Vue1.0中内置了几种实用的过滤器函数如uppercase，但在Vue2.0中这些方法都被废除了需要自己定义过滤器。
yanm1ng·2017-05-31 20:50

Vue2.0系列（一，vue实例）

最近一直在忙，近期一个月更加会马不停蹄，根本无时间经营自己的小博客，有很多简友留言和评论要资料，我也没时间发，等我有时间再统一处理，还请大家见谅。这篇文章是以前写过，然后我又重新修改，接下来会更新vue系列的文章。MVVM模式vue是典型的MVVM模式，什么是MVVM模式？01.pngM：机器可读性强的数据，例如数组，对象等等，就是前端中的数据。V：人眼可读性强的数据，例如下拉框，碳层，就是前端中
范小饭_·2017-05-30 16:42

使用Element-ui开发管理后台

Element，一套为开发者、设计师和产品经理准备的基于Vue2.0的组件库，提供了配套设计资源，帮助你的网站快速成型，开箱即用，非常好的一套组件。
Corwien·2017-05-30 00:00

vue2.0和vue1.0路由对比以及脚手架初始路由分析

2.0新版本路由相比1.0在使用上做了一些改动，但核心思想并未改变，接下来稍作分析和对比，使用路由之前都需要引入vue-router.js文件一、两个路由版本的初步分析1.0.js/*1.创建根组件必须得要有一个根组件*/varapp=Vue.extend();/*2.创建路由对象*/varrouter=newVueRouter();/3.创建模板注意通过Vue.extend创建，也可以从外部导入
BeterJane·2017-05-27 16:36

详解vue2.0脚手架的webpack 配置文件分析

前言作为Vue的使用者我们对于vue-cli都很熟悉，但是对它的webpack配置我们可能关注甚少，今天我们为大家带来vue-cli#2.0的webpack配置分析vue-cli的简介、安装我们不在这里赘述，对它还不熟悉的同学可以直接访问vue-cli查看目录结构.├──README.md├──build│├──build.js│├──check-versions.js│├──dev-client
lamianT·2017-05-27 11:59

关于饿了么ui框架的使用之Form 表单的应用

Element，是饿了么提供的一套为开发者、设计师和产品经理准备的基于Vue2.0的组件库，提供了配套设计资源，帮助你的网站快速成型。
AmberWu·2017-05-24 14:09

vue-router 中router-view不能渲染的解决方法

最近在做一个vue的项目，其中使用了vue2.0,vue-router2.0。在使用vue-router的时候跳了一个很大的坑，router-view不能渲染，花费了好多时间终于发现了原因。
ontheway1215·2017-05-23 09:20

VUE初学笔记

img首先加载src中的{{data.imgurl}},解析出错，加载不出来应有的图片在VUE1.X中可以成功正确的加载方式v-for指令问题v-for的索引问题vue1.0中使用$index来标记索引vue2.0
Jerome1213156·2017-05-22 17:00

Vue生命周期

Vue2.0的生命周期/钩子函数在之前的博文中，简单的介绍了一下Vue的生命周期，今天看一下它们的运行时机，需要注意的点如下：所有的生命周期钩子自动绑定this上下文到实例中，因此可以访问数据，对属性和方法进行运算
Dear_Mr·2017-05-22 17:38

vue2.0 与 bootstrap datetimepicker的结合使用实例

1.在很多的项目中，我们都会用到日期插件，然后当我在vue中使用bootstrapdatetimepicker时发现双向绑定不起作用了，bootstrapdatetimepicker修改的日期不会同步到data中，下面看我的解决方案：选择发送时间：import$from'jquery'exportdefault{name:'time',data(){return{time:''}},methods
是最好的语言是·2017-05-22 15:03

vue2.0使用Sortable.js实现的拖拽功能

简介在使用vue1.x之前的版本的时候，页面中的拖拽功能，我在项目中是直接用的jQueryui中的sortable.js，只是在拖拽完成后，在update的回调函数中又重新排序了存放数据的数组。但是当把vue升级到2.0以上后发现拖拽功能失效了，于是使用了下面代码。该案例主要是在用于vuejs2.0中实现的拖拽功能，用到的的js有Sortable.js，vuedraggable.js，当然还有vu
XU丶WEI·2017-05-22 10:27

Vue使用高德地图

这次项目需要用到地图API，我们来学习一下在Vue中调用高德地图的API介绍Vue-amap-基于Vue2.0的高德地图的地图组件,主页https://elemefe.github.io/vue-amap
AiDede·2017-05-21 16:56

ElementUI的学习记录 <一>

ElementUI是饿了么前端团队基于Vue2.0开发的一组控件库，就像bootstrap基于css。
SmartisanBool·2017-05-20 14:02

学习vue2.0笔记（第五章上）

vue-cli##vue-cli是vue官方提供的脚手架的工具使用vue-cli的优势成熟的vue项目架构设计提供本地测试服务器集成打包上线的方案webpack或者grulp使用vue-cli的系统要求image.png命令行中使用node运行jsimage.png工具MobaXterm全局安装image.pngvuelist可用的模板image.png安装开发依赖，可在package.json中
这很重要吗·2017-05-19 21:07

vue2.0 与 bootstrap datetimepicker的结合使用

vue2.0与bootstrapdatetimepicker的结合使用1.在很多的项目中，我们都会用到日期插件，然后当我在vue中使用bootstrapdatetimepicker时发现双向绑定不起作用了
是最好的语言是·2017-05-19 00:00

Vue2.0 + Element-UI + WebAPI实践：简易个人记账系统

最近正在学习Vue2.0相关知识，正好近期饿了么桌面端组件Element-UI发布，便动手做了一款简易个人记账系统，以达到实践及巩固目的。
Sky786905664·2017-05-18 11:21

Vue2.0关于生命周期和钩子函数

Vue生命周期简介：Vue1.0+和Vue2.0在生命周期钩子上的区别还是很大的，如下：代码验证：{{message}}varapp=newVue({el:'#app',data:{message:"Toneyisagirl
黑糖牛奶Tonya·2017-05-17 16:43

vue学习笔记之vue1.0和vue2.0的区别介绍

今天我们来说一说vue1.0和vue2.0的主要变化有哪些一.在每个组件模板，不在支持片段代码VUE1.0是:我是组件我是加粗标签VUE2.0:必须有根元素,包裹住所有的代码我是组件我是加粗标签二.关于组件定义
自足·2017-05-17 14:28

vue2.0中goods选购栏滚动算法的实现代码

不多说，直接代码，以便以后重复利用：importBScrollfrom'better-scroll';constERR_OK=0;exportdefault{props:{sell:{type:Object}},data(){return{goods:[],listHeight:[],scrollY:0};},computed:{currentIndex(){for(leti=0;i=height
qq_32486147·2017-05-17 10:14

Laravel5.4和Vue2.0开发

记录Laravel5.4和Vue2.0开发遇到的坑。
Corwien·2017-05-17 00:00

vue2.0之.vue文件之间$router传值

开发项目时，常会需要不同页面之间传递某个参数的值，现在分享一下$router的方法，需求是a.vue文件的一个参数price要传到b.vue文件，即a.vue文件跳转到b.vue的时候带过去price参数。a.vue的代码：跳转//jsexportdefault{methods:{func(){this.$router.push({path:'/order/b',query:{price:69.0
一只爱吃糖的小羊·2017-05-16 18:53

vue2.0中.vue文件的post请求

在.vue文件中如何发送post请求呢？以下是博主开发中用到的方法，先引入：importutilfrom'util';再定义方法：postImg(numParam){//这边写图片的上传varimgData_1;if(numParam==1){imgData_1=this.headerImage;}elseif(numParam==2){imgData_1=this.headerImage_2;}
一只爱吃糖的小羊·2017-05-15 20:10

vue2.0中.vue文件页面跳转之.$router.push

vue2.0在使用的过程中，.vue文件之间的跳转，在template中的常见写法是：继续但是有时的需求是页面不直接跳转，有确认弹框或者其他事件，此时就需要在js中设置跳转，常用的一种方法是.
一只爱吃糖的小羊·2017-05-15 17:45

vue2.0开发入门笔记 之 .vue文件

这几天新项目用vue2.0开发，由于之前没用过vue，拿到项目框架看到都是.vue文件，不知道怎么用，以下是关于.vue文件的发现：1、一个.vue文件是一个封装的组件，在.vue文件里可以写html,
一只爱吃糖的小羊·2017-05-12 19:05

vue.js中mint-ui框架的使用方法

本文为大家分享了vue.js中mint-ui框架的使用方法，具体内容如下1.安装vue2.0的mint-ui框架npminstallmint-ui-save2.引用和使用框架，我用的是全部组件，也可以按需选择加载相应的组件
遇酒·2017-05-12 16:20

vue2.0结合Element实现select动态控制input禁用实例

今天有一个盆友问小颖，怎么实现用select动态控制input禁用，也就是说，input默认是可编辑的，但是每当我选一次select，input就会变成禁用，虽然小颖不知道她为什么这样做，因为小颖觉得为什么不直接把input设置成禁用的而要用动态的，选一次select禁用一次input，也就是说，input只有在select是没有点击过的时候是可编辑的，但凡我改变一次select的值，input就
爱喝酸奶的吃货·2017-05-12 08:57

三大主流前端框架与项目开发

三大主流前端框架与项目开发想成为高薪web前端工程师，只掌握HTML/CSS/JS已远远不够带你入门Vue2.0及学习实战项目•学习Vue.js2.0的基本功能接口，带你快速入门Vue2.0•通过搭建一个
kingice1014·2017-05-11 08:43

vuejs2.0子组件改变父组件的数据实例

在vue2.0之后的版本中，不允许子组件直接改变父组件的数据，在1.0的版本中可以这样操作的，但是往往项目需求需要改变父组件的数据，2.0也是可一个，区别是，当我们把父元素的数据给子组件时，需要传一个对象
22337383·2017-05-10 14:30

详解vue-router 2.0 常用基础知识点之router-link

前端采用前后端分离的方式进行开发，我们使用vue2.0框架，做单页面应用难免会用到vue-router，今天把项目中的用到router-link摘出来，一是想整理一下这些用法，方便下次快速查找，二是重新再过一下
NowTheFuture·2017-05-10 11:42

一步步构造自己的vue2.0+webpack环境

前面vue2.0和webpack都已经有接触了些（vue.js入门，webpack入门之简单例子跑起来），现在开始学习如何构造自己的vue2.0+webpack环境。
邹君安·2017-05-09 16:20

Reactjs vs. Vuejs

还清晰记得，16年十月份该showcase首页并未看到Vue，如今已有40000+stars，那时的React也差不多这个成绩，可见Vue2.0有多受关注，而排名第二的Angular当时位居第一，短短数月
jjjyyy66·2017-05-09 11:22

Vue 2.0中生命周期与钩子函数的一些理解

于是我开始先去搜索，发现vue2.0的生命周期没啥文章。大多是1.0的版本介绍。最后还
夏日蝉鸣·2017-05-09 08:20

vue2.0实现导航菜单切换效果

本文实例为大家分享了vue2.0实现导航菜单切换的具体代码，供大家参考，具体内容如下css*{margin:0;padding:0;}ulli{list-style:none;}.navul{margin
奈奈幂·2017-05-08 11:29

vue2.0多条件搜索组件使用详解

本文为大家分享了vue2.0多条件搜索组件的实现方法，供大家参考，具体内容如下搜索条件为死数据，通过select下拉，选取多个条件；同时可点击加号增加搜索条件，点击减号减少搜索条件；templete高级搜索作者搜索
奈奈幂·2017-05-06 17:23

Vue入门系列（四）Vue模板和指令

在渲染层上，Vue2.0引入虚拟DOM。Vue编译器会把模板编译成一个渲染函数（类似React），函数被调用的时候会返回一个虚拟DOM树，其描述了当前页面所处的状态。
娜姐聊前端·2017-05-03 20:37

vue2.0之axios使用详解(二)

发了vue2.0之axios使用详解(一)后，有朋友问如何在实际项目中使用，下面把我平常用的两种方法分享下，自己在实际项目中总结的方法，有不好的地方还请指正，共同提高，谢谢！
binginsist·2017-05-02 17:13

Vue2.0表单校验组件vee-validate的使用详解

vee-validate使用教程本文适合有一定Vue2.0基础的同学参考，根据项目的实际情况来使用，关于Vue的使用不做多余解释。
洽客-扶苏·2017-05-02 11:06

vue基于Vue2.0和高德地图的地图组件实例

前言在做基于LBS的应用中，时常会和地图打交道，最直接的解决方案，当然是去对应的地图官网找文档，然后一步步来玩。对于简单场景而言，体验应该还好，但对于一些状态多，变化频繁的复杂场景而言，不仅要时刻维护本地数据状态和地图状态同步，还要查找设置各种状态的地图API，实在是让人头疼的事情。设计vue-amap的初衷，也就是为了让开发者，在编写地图应用时，能从查找众多地图API和繁琐的地图状态同步中解脱出
喻争·2017-04-28 09:40

vue-quill-editor图片上传

问题描述  项目使用的vue2.0开发，项目中需要一个富文本编辑器，楼主经过一番心理挣扎选择了vue-quill-editor。具体如何引用作者在项目中已经写得很明白了，我在这里就不再赘述。  
NowYouSeeAll·2017-04-27 18:10

Vue动画 和 Vue路由

Vue动画和Vue路由一.transition：Vue1.0:.fade.transition{}.fade-enter{}.fade-leave{}(一).Vue2.0以后，transition组件运动的内容
Jacksoncz·2017-04-27 09:55

vue2.0的变化，与vue1.0对比

组件中模板：Vue1.0：我是组件我是加粗Vue2.0：必须有一个根元素，包裹所有的元素我是组件我是加粗2.关于组件的定义Vue.extend这种方式，在2.0里面有，但是有一些改动，这种写法虽然可以用
Jacksoncz·2017-04-26 19:23

axios跨域访问js端配置

由于vue2.0官方选择axios来完成ajax请求，所以我最近开始用axios写ajax的请求操作。我之前用的架构都是前后端分离，所以必然存在跨域问题。
hellowoody·2017-04-26 00:00

prop数据双向绑定

关键词：Vue2.0，父子组件传值，prop数据双向绑定在做vue项目的时候，发现一些问题以前碰到过，但是没有及时总结出现的问题及原因，导致重新花费时间找答案，在此总结在学习vue的过程中出现的一些问题
领家的小猫·2017-04-25 19:45

Vue.js 2.0学习教程之从基础到组件详解

对Vue2.0的介绍我对Vue2.0认知，能it前端
Ziksang·2017-04-24 16:44

初始vue2.0

项目开始:node.js环境（npm包管理器）vue-cli脚手架构建工具cnpmnpm的淘宝镜像安装node.js从node.js官网下载并安装node，安装过程很简单，一路“下一步”就可以了（傻瓜式安装）。安装完成之后，打开命令行工具，输入node-v，如下图，如果出现相应的版本号，则说明安装成功。npm包管理器，是集成在node中的，所以，直接输入npm-v就会如下图所示，显示出npm的版本
Mx勇·2017-04-21 15:59

初始vue2.0

项目开始:node.js环境（npm包管理器）vue-cli脚手架构建工具cnpmnpm的淘宝镜像安装node.js从node.js官网下载并安装node，安装过程很简单，一路“下一步”就可以了（傻瓜式安装）。安装完成之后，打开命令行工具，输入node-v，如下图，如果出现相应的版本号，则说明安装成功。npm包管理器，是集成在node中的，所以，直接输入npm-v就会如下图所示，显示出npm的版本
Mx勇·2017-04-21 15:59

vue环境搭建详解

文章转自：http://www.cnblogs.com/wj204/p/6031435.html前面vue2.0和webpack都已经有接触了些（vue.js入门，webpack入门之简单例子跑起来），
dreamStart_Lin·2017-04-21 10:56
上一页 64 65 66 67 68 69 70 71 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他