vue入门第18页

手摸手教你搭建vue-cli脚手架-详细步骤图文解析[vue入门]

写在前面：使用vue-cli可以快速创建vue项目，vue-cli很好用，但是在最初搭建环境安装vue-cli及相关内容的时候，对一些人来说是很头疼的一件事情，本人在搭建vue-cli的项目环境的时候也是踩了相当多的坑，特此写了一篇搭建环境的教程，每一步尽量详细解析。需要的朋友可以过来参考下，喜欢的可以点波赞，或者关注一下本人，希望可以帮到大家。vue-cli脚手架的优势：有一套成熟的vue项目架

OBKoro1·2017-08-05 20:52

Vue入门（六）——组件化开发

组件，其实就是一个拥有HTML结构、CSS样式、JS逻辑以及动画的综合块。前端组件化也确实让很多大的前端团队更加高效地开发前端项目。而作为目前前端比较流行的框架之一，Vue的组件化也做的非常彻底，尤其是具备特色的单文件组件的开发方式更是为开发者提供了便利。不仅如此，关于Vue的第三方工具支持也非常丰富，社区非常活跃，因此，关于Vue的第三方组件也呈井喷之势。一、全局扩展方法——Vue.extend

小李本人·2017-08-03 14:11

Vue入门（五）——Vue实例详解与生命周期

vue.pngVue的实例是Vue框架的入口，其实也就是前端的ViewModel，它包含了页面的业务逻辑、数据模型等。当然它也有自己一系列的生命周期的事件钩子，辅助我们对整个Vue实例生成、编译、挂载、销毁等过程进行JS控制。一、Vue实例初始化的选项配置对象前面的几篇文章里，我们已经用了很多次newVue({})的代码，而且Vue初始化的选项也用了'el'、'data'、'methods'、‘c

小李本人·2017-08-02 23:03

Vue入门（四）——事件处理

vue.png一、监听事件的Vue处理虽然我们可以直接使用原声DOM的方式去绑定事件，但是Vue为我们提供的、为标签绑定事件的方法更为方便。不仅如此，用Vue提供的指令还可以让ViewModel更加简洁，逻辑更彻底。Vue提供了v-on指令帮助我们进行事件的绑定。基本的内联事件处理方法，见下面官方的demo:增加1这个按钮被点击了{{counter}}次。varexample1=newVue({e

小李本人·2017-07-28 14:15

Vue入门（三）——条件渲染与列表渲染

vue.png一、条件渲染有时候，我们要根据数据的情况，决定标签是否进行显示，或者是否有其他动作。最常见的就是在表格渲染的时候，如果表格没有数据，就显示无数据；如果有数据，就显示表格数据。为了让我们更方便地完成判断，Vue帮我们提供了一个v-if指令。举个例子：YesNovarapp=newVue({el:'#app',data:{ok:true//true=>Yes，false=>No}});除

小李本人·2017-07-27 10:01

vue入门大法1

首先先说说为啥现在主流框架如此之多的今天我选择vue？1.HTML能解决的事情不要麻烦js这就是我干掉react的原因2.语法简单，一句话能说清楚的不要复杂的声明一大堆，这是干掉angular的原因，东西太多记不住！！！3.为什么不选择其他，因为资源太少，开发遇到坑，真的就是坑，需要自己踩过，之前踩过areTeamlert(没记住也不想查了，但是总而言之，感受很差！！！）4.小程序也用了这部分思想

AruKing·2017-07-04 10:16

vue成长之路+实战+Vue2+VueRouter2+webpack（一）vue-router路由入门

言墨儿·2017-05-18 12:45

Vue2+VueRouter2+webpack+Axios 构建项目实战（七）重构API文件为使用axios

Vue2+VueRouter2+webpack+Axios构建项目实战（七）重构API文件为使用axios2017年8月补充2016年，我写了一系列的VUE入门教程，当时写这一系列博文的时候，我也只是一个菜鸟

FungLeo·2017-05-10 17:15

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

Vue模板和Angular模板相似，拥有指令和组件标签。在渲染层上，Vue2.0引入虚拟DOM。Vue编译器会把模板编译成一个渲染函数（类似React），函数被调用的时候会返回一个虚拟DOM树，其描述了当前页面所处的状态。当发生数据改变时，模板更新重新编译生成一个新的虚拟DOM树，将新树和旧树对比，找到不同点，再最终修改真实的DOM节点。1.模板下面是一个简单的Vue模板例子：{{todo.tit

娜姐聊前端·2017-05-03 20:37

Vue入门系列（三）Vue实例的生命周期

Vue实例生命周期钩子函数与React非常相似，最明显的区别在于，它多了一个实例创建阶段。Vue实例和Vue组件有着同样的生命周期函数。参考官网图：vuelifecycle.png下面介绍Vue生命周期的每个阶段都做了些什么？beforeCreate:创建了Vue组件实例，但是组件属性还未初始化。比如，data,elt等为undefined。created:初始化数据对象和事件，例如：可以访问属性

娜姐聊前端·2017-05-03 16:01

vue入门新建vue项目

首先要安装好node.js，然后才可以用vue。设置淘宝镜像：大家都知道国内直接使用npm的官方镜像是非常慢的，这里推荐使用淘宝NPM镜像。npminstall-gcnpm--registry=https://registry.npm.taobao.org这样就可以使用cnpm命令来安装模块了：cnpminstall[name]安装webpackcnpminstallwebpack-g安装vue脚

BruceYang_it9527·2017-04-14 09:54

Vue入门之组件化开发

Vue入门之组件化开发http://www.jianshu.com/p/6718ab1caa81组件其实就是一个拥有样式、动画、js逻辑、HTML结构的综合块。

Lucky_LXG·2017-04-01 14:19

Vue入门初体验

Vue可以说是现在最火的MVVM前端UI框架了吧，整体性能优于React，比Angular也更轻量，具体可参考官网对比其他框架官方文档:https://cn.vuejs.org/v2/api/HelloWorld首先我们开始从学每门语言的helloworld入门Vue吧html代码，同angular一样，采用双大括号的形式实现数据绑定:{{message}}js代码，通过el获取到html的节点，

luckyw·2017-03-30 00:00

Vue入门——Vue的核心

代码部分请下载本文代码阅读，代码均能正常运行并有详细的注释。本文代码下载地址概述无需置疑，Vue之所以能如此之火，主要受益于它是一个MVVM框架和它易学的文档，几乎所有觉得学习Vue有难度的开发者都是觉得组件脚手架等等不太好理解，但是这些都不是Vue的核心，Vue的核心表现在最易学的Vue指令和绑定，学好Vue指令和绑定基本就学好Vue的一大半了，把基础核心的几个知识点说完会做几个完整的demo。

hk·2017-03-27 00:00

超简单的Vue.js环境搭建教程

vue这个新的工具，确实能够提高效率，vue入门的精髓：(前提都是在网络连接上的情况下)1.要使用vue来开发前端框架，首先要有环境，这个环境要借助于node，所以要先安装node，借助于node里面的

行动了？·2017-03-17 14:56

详解Vue.js入门环境搭建

vue这个新的工具，确实能够提高效率，在经历的一段时间的摧残之后，终于能够有一个系统的认识了，下面就今天的收获做一个总结，也是vue入门的精髓：1.要使用vue来开发前端框架，首先要有环境，这个环境要借助于

luckylqh·2017-03-17 08:29

vue入门 vue与react和Angular的关系和区别

一、为什么学习vue.jsvue.js兼具angular.js和react的优点，并且剔除了他们的缺点官网：http://cn.vuejs.org/手册：http://cn.vuejs.org/v2/api/二、vue.js是什么Vue是一个"MVVM框架（库）"，和angular类似，相比angular小巧，比较容易上手Vue是一个构建用户界面点的渐进式框架，与其他重量级框架不同的是，vue采用

weixin_30556959·2017-03-13 11:00

零基础Vue入门学习记录（2）

零基础Vue入门学习记录（2）继续搞Vuejs的前端，在之前我已经在Windows系统上配置好了一个初始的vue-cli页面，目前我需要做的工作，就是开始写代码，学习增删页面，加入输入框按钮什么的。

joshua_hit·2017-03-02 19:33

vue入门学习笔记

1、看官方挨批文档，安装相应工具cnpminstallvue//安装vue包cnpminstall--globalvue-cli//安装cli编译工具2、创建一个基于webpack模板的新项目vueinitwebpackmy-project（vueinitwebpack-simplemy-project初学者建议使用这个初始构建项目，本文所讲例子是基于webpack-simple构建的）$cdmy

StriveInsist·2017-03-02 11:39

零基础Vue入门学习记录（1）

零基础Vue入门学习记录（1）最近想要学会的东西有vue-router,和怎么增删vue页面。这个东西做出来，我才能做出网站的前端页面。如果可以，我还希望能学会使用vue提取数据。

joshua_hit·2017-03-01 14:21

vue入门使用

vue的介绍官网都很清楚，连接在此：http://cn.vuejs.org/v2/guide/我是做java后端开发，对于前台的框架我理解都是像jquery这样的，引入一个js文件，就可以使用了，但用vue的时候却蒙了，又是安装又是编译的，不管怎么说折腾了一番也能使用了，记录一下vue.js是处理页面数据渲染的，还有个vue-resource.js是处理和后台交互的，似乎大家都会两个配合使用，我开

Beyond_奈何·2017-02-04 11:07

Vue入门系列之Vue实例详解与生命周期

Vue的实例是Vue框架的入口，其实也就是前端的ViewModel，它包含了页面中的业务逻辑处理、数据模型等，当然它也有自己的一系列的生命周期的事件钩子，辅助我们进行对整个Vue实例生成、编译、挂着、销毁等过程进行js控制。5.1.Vue实例初始化的选项配置对象详解前面我们已经用了很多次newVue({...})的代码，而且Vue初始化的选项都已经用了data、methods、el、compu

cmdos·2016-12-25 21:36

04-Vue入门系列之Vue事件处理

4.1.监听事件的Vue处理Vue提供了协助我们为标签绑定时间的方法，当然我们可以直接用dom原生的方式去绑定事件。Vue提供的指令进行绑定也是非常方便，而且能让ViewModel更简洁，逻辑更彻底。所以还是推荐大家使用的。Vue提供了v-on指令帮助我们进行事件的绑定。基本的内联事件处理方法[官方demo]：增加1这个按钮被点击了{{counter}}次。varexample1=newVue({

derfyfxh588690·2016-12-24 22:00

vue入门 | 使用vue.js2.0 + ElementUI开发后台管理系统详细教程（二）

接上一章vue入门|使用vue.js2.0+ElementUI开发后台管理系统详细教程（一）在线demo源码1.引入路由工具vue-router，切换视图#安装vue-routernpminstallvue-router

前端小母鸡·2016-12-04 16:15

vue入门学习（基础篇）

vue入门学习总结：vue的一个组件包括三部分：template、style、script。vue的数据在data中定义使用。数据渲染指令：v-text、v-html、{{}}。

小蚊·2016-11-21 14:00

Vue2+VueRouter2+webpack 构建项目实战（五）配置子路由

Vue2+VueRouter2+webpack构建项目实战（五）配置子路由2017年8月补充2016年，我写了一系列的VUE入门教程，当时写这一系列博文的时候，我也只是一个菜鸟，甚至在写的过程中关闭了代码审查

FungLeo·2016-11-18 10:17

Vue2+VueRouter2+webpack 构建项目实战（四）接通api，先渲染个列表

Vue2+VueRouter2+webpack构建项目实战（四）接通api，先渲染个列表2017年8月补充2016年，我写了一系列的VUE入门教程，当时写这一系列博文的时候，我也只是一个菜鸟，甚至在写的过程中关闭了代码审查

FungLeo·2016-11-17 16:36

Vue2+VueRouter2+webpack 构建项目实战（三）配置路由，整俩页面先

Vue2+VueRouter2+webpack构建项目实战（三）配置路由，整俩页面先2017年8月补充2016年，我写了一系列的VUE入门教程，当时写这一系列博文的时候，我也只是一个菜鸟，甚至在写的过程中关闭了代码审查

FungLeo·2016-11-17 14:37

Vue2+VueRouter2+webpack 构建项目实战（二）目录以及文件结构

Vue2+VueRouter2+webpack构建项目实战（二）目录以及文件结构2017年8月补充2016年，我写了一系列的VUE入门教程，当时写这一系列博文的时候，我也只是一个菜鸟，甚至在写的过程中关闭了代码审查

FungLeo·2016-11-15 15:42

VUEJS 实战教程第三章,利用laypage插件实现分页

VUEJS实战教程第三章,利用laypage插件实现分页2017年8月补充2016年，我写了一系列的VUE入门教程，当时写这一系列博文的时候，我也只是一个菜鸟，甚至在写的过程中关闭了代码审查，否则通不过校验

FungLeo·2016-06-12 22:09

VUEJS实战教程第一章,构建基础并渲染出列表

VUEJS实战教程第一章,构建基础并渲染出列表2017年8月补充2016年，我写了一系列的VUE入门教程，当时写这一系列博文的时候，我也只是一个菜鸟，甚至在写的过程中关闭了代码审查，否则通不过校验。

FungLeo·2016-06-12 21:27

VUEJS 实战教程第二章,修复错误并且美化时间

VUEJS实战教程第二章,修复错误并且美化时间2017年8月补充2016年，我写了一系列的VUE入门教程，当时写这一系列博文的时候，我也只是一个菜鸟，甚至在写的过程中关闭了代码审查，否则通不过校验。

FungLeo·2016-06-12 17:17

vue入门－实现一个分页组件(1.0.3版本)

vue关注前端社区的同学，一定知道vue。一个小巧、优雅mvvm框架。目前是1.0.3正式版，然后中文文档还没更新上来。使用了一段时间的感触就是，我再也不想直接操作DOM了。数据绑定式的编程体验真是好。实现的一个分页组件。cssul,li{margin:0px;padding:0px;}li{list-style:none}.page-barli:first-child>a{margin-left

二胖手·2015-10-30 00:00

推荐频道

vue入门