VueJs

vue.js1.0笔记

0332afac3bf2d60d72fe69db0cc263274290dd686145b-Xeebvn.jpeg官网：http://cn.vuejs.org/与angular类似的一个MVVM框架。
kirito_song·2017-02-17 16:46

用VUEJS做一个网易云音乐

用VUEJS做一个网易云音乐技术栈vue全家桶（vuevue-routervuex）axioshttp://www.jianshu.com/p/8e5fb763c3d7?
sponing·2017-02-17 11:47

强不强？能在多种前端框架下使用的表格控件

近几年Web前端框架特别流行，比如AngularJS、AngularJS2、ReactJS、KnockoutJS、VueJS等。表格控件是我们在开发中经常要用到的控件。
葡萄城控件·2017-02-17 00:00

Vue-cli是何物

介绍Vue-cli是Vue的脚手架工具主要作用：目录结构、本地调试、代码部署、热加载、单元测试地址：https://github.com/vuejs/vue-cli安装安装Vue-clinpminstall-gvue-cli
学习笔记666·2017-02-16 16:15

Vue.js资源分享

vuejs中文官网vuejs英文官网vuejs组织发出一个问题之后，不要暂时的离开电脑，如果没有
Toby·2017-02-16 00:00

用VUEJS做一个网易云音乐

前言：自己学习VUEJS也一段时间，但一直没有做出来一东西。我自己一直喜欢用网易云音乐app，于是乎就做了这个app。
java_swing·2017-02-16 00:00

Vue 爬坑之路（一）—— 使用 vue-cli 搭建项目

www.cnblogs.com/wisewrong/vue-cli是一个官方发布vue.js项目脚手架，使用vue-cli可以快速创建vue项目，GitHub地址是：https://github.com/vuejs
WiseWrong·2017-02-15 17:14

vuejs 1.x - 实例：搜索过滤

body{font-family:'微软雅黑';font-size:14px;color:#444;}table{border:2pxsolid#42b983;border-radius:3px;background-color:#fff;}tableth{padding:10px50px;}tabletd{padding:1050px;}{{key|capitalize}}0?'asc':'ds
风雨后见彩虹·2017-02-15 00:00

Vuejs2.X组件化-阿里的G2图表组件

前言vue的组件化开发是一个非常不错的机制.'一处开发,多处引用'，不仅降低的维护成本，提高了开发效率，而且单独的组件有单独的视图和交互数据逻辑，使得系统层次更加分明。若有问题可加群264591039与我讨论~转载文章请标明出处！开发场景数据可视化是我们互联网常见的功能，所以难免我们会在项目中插入图表等，找到一个还算可以的图形插件，阿里的G2图形库，详情请参见G2官网。接下来就开始我们的VueG2
kira·2017-02-14 00:00

vuejs中使用echarts

-试了n种方法之后决定自己撸一个组件，，，，，，，.content{  /*自行添加样式即可*/}#main{  /*需要制定具体高度，以px为单位*/  height:400px;}        //导入echartsimportechartsfrom'echarts'//方便AJAX，按个人喜好添加，然后对应修改下方获取数据的代码import$from'jquery'//皮肤引入import
傍晚5点1刻出发·2017-02-11 17:25

简单的vue-resourse获取json并应用到模板示例

不说废话上代码：vuejs.completed{text-decoration:line-through;}.something{color:red;}{{task.id}}|{{task.author
一芥华·2017-02-10 15:01

Vue.js——60分钟快速入门

附官网：http://cn.vuejs.org/Vue.js——60分钟快速入门Vue.js是当下很火的一个JavaScriptMVVM库，它是以数据驱动和组件化的思想构建的。相比
ime33·2017-02-10 10:10

vuejs通过filterBy、orderBy实现搜索筛选、降序排序数据

直接贴代码了：先上输入前的样子：#example{margin:100pxauto;width:600px;}.show{margin:10px;}#searchText{display:block;margin:0auto10px;height:24px;line-height:24px;width:200px;}.contentulli{text-align:center;}.contentu
孟然·2017-02-10 08:13

vuejs自定义过滤器根据搜索框输入的值，筛选复杂的列表数据

如题所示，自定义过滤器根据搜索框输入的值，筛选复杂的列表数据。如图所示：html代码：js自定义过滤器代码：filters:{conditions:function(items){varsearchRegex=newRegExp(this.booksearchtext,'i');vararr=[];for(vari=0,j=items.length;i
风雨后见彩虹·2017-02-10 00:00

vuejs通过filterBy,orderBy实现搜索筛选，降序排序实例

直接贴代码了，页面实现的样子：#example{margin:100pxauto;width:600px;}.show{margin:10px;}#searchText{display:block;margin:0auto10px;height:24px;line-height:24px;width:200px;}.contentulli{text-align:center;}.contentul
风雨后见彩虹·2017-02-09 00:00

vuejs2.0与1.x版本中怎样使用js实时访问input的值的变化

vuejs2.0中js实时监听input在2.0的版本中，vuejs把v-el和v-ref合并为一个ref属性了，可以在组件实例中通过$refs来调用。
风雨后见彩虹·2017-02-08 00:00

git常用命令记录

git从远程克隆将github上的项目拷贝到本地：在github上找一个项目，按图操作，复制[email protected]:vuejs/vue.git在本地bash中：[email protected]
莉莉安·2017-02-08 00:00

DAY01

围绕着这一生态有很多实用的框架，极大的提高了我们的开发效率，常见的框架代表有：UI层面的有Bootstrap、Yui、JqueryUI、CSS3Lib等，JS层面的有JQuery、Zeptojs、Angularjs、React、Vuejs
秒签T·2017-02-07 20:21

vuejs指令详解

v-ifv-if指令可以完全根据表达式的值在DOM中生成或移除一个元素。如果v-if表达式赋值为false，那么对应的元素就会从DOM中移除；否则，对应元素的一个克隆将被重新插入DOM中，代码如下：Hello!varexampleVM2=newVue({el:'#example-2',data:{greeting:true}})由于v-if是一个指令，需要将它添加到一个元素上。但是如果想要切换多个
孟然·2017-02-07 14:21

vuejs23简单组件使用

Vue.component("todo-item",{props:['todo'],template:'`todo`.`text`'});newVue({el:'#app',data:{groceryList:[{text:'Vegetables'},{text:'Cheese'},{text:'Whateverelsehumansaresupposedtoeat'}]}});
素颜猪·2017-02-07 11:29

vuejs-Vue.filter自定义

{{message|reverse|uppercase}}Vue.filter('reverse',function(value){returnvalue.split('').reverse().join('');});varvm=newVue({el:'#app',data:{message:'Hello'}});
素颜猪·2017-02-07 11:43

vuejs18-v-if指令

yesvarvm=newVue({el:'#app',data:{ok:true}});
素颜猪·2017-02-07 11:24

vuejs17-v-for指令

`parentMessage`-{{$index}}-`item`.`message`varexample2=newVue({el:'#example-2',data:{parentMessage:'my',items:[{message:'LearnJavaScript'},{message:'LearnVue.js'}]}});
素颜猪·2017-02-07 10:49

vuejs v-for指令

`todo`.`text`varvm=newVue({el:'#app',data:{todos:[{text:'LearnJavaScript'},{text:'LearnVue.js'},{text:'LearnCss'}]}});
素颜猪·2017-02-07 10:22

vuejs14表达式

{{message+'my'+'blog'}}varvm=newVue({el:'#app',data:{message:'vue.js'}});
素颜猪·2017-02-07 10:05

vuejs12综合实例

*{margin:0;padding:0;box-sizing:border-box}html{font-size:12px;font-family:Ubuntu,simHei,sans-serif;font-weight:400}body{font-size:1rem}table,td,th{border-collapse:collapse;border-spacing:0}table{widt
素颜猪·2017-02-07 10:26

vuejs9-v-on指令简写形式

GreetHivarvm=newVue({el:"#app",data:{message:'Hello,Vue.js!'},methods:{greet:function(){alert(this.message);},say:function(msg){alert(msg);}}});注意:v-on指令可以缩写为@符号
素颜猪·2017-02-07 10:16

vuejs9-v-on指令

GreetHivarvm=newVue({el:"#app",data:{message:'Hello,Vue.js!'},methods:{greet:function(){alert(this.message);},say:function(msg){alert(msg);}}});
素颜猪·2017-02-07 10:59

vuejs7-v-for指令

NameAgeSex{{person.name}}{{person.age}}{{person.sex}}varvm=newVue({el:"#app",data:{people:[{name:'Jack',age:30,sex:'Male'},{name:'Bill',age:26,sex:'Male'},{name:'Tracy',age:22,sex:'Female'},{name:'Chr
素颜猪·2017-02-07 10:38

vuejs6-v-else指令

=25">Age:`age`Name:`name`=0">Name:`name`Sex:`sex`varvm=newVue({el:"#app",data:{age:28,name:'keepfool',sex:'Male'}});
素颜猪·2017-02-07 10:53

vuejs4-v-if指令

Hello,Vue.js!Yes!No!=25">Age:`age`=0">Name:`name`varvm=newVue({el:"#app",data:{yes:true,no:false,age:28,name:'keepfool'}});
素颜猪·2017-02-07 10:00

vuejs3

`message`varexampleData={message:'HelloWorld!'}newVue({el:"#app",data:exampleData});
素颜猪·2017-02-07 09:23

vuejs2

`message`varexampleData={message:'HelloWorld!'}newVue({el:"#app",data:exampleData});
素颜猪·2017-02-07 09:01

vuejs1

`message`newVue({el:"#app",data:{message:'helloworld!'}});
素颜猪·2017-02-07 09:02

HTML5常用框架

围绕着这一生态有很多实用的框架，极大的提高了我们的开发效率，常见的框架代表有：UI层面的有Bootstrap、Yui、JqueryUI、CSS3Lib等，JS层面的有JQuery、Zeptojs、Angularjs、React、Vuejs
烧开的汽水·2017-02-06 19:45

HTML5常用框架

围绕着这一生态有很多实用的框架，极大的提高了我们的开发效率，常见的框架代表有：UI层面的有Bootstrap、Yui、JqueryUI、CSS3Lib等，JS层面的有JQuery、Zeptojs、Angularjs、React、Vuejs
烧开的汽水·2017-02-06 19:45

Vue.js学习示例分享

本篇和大家分享的是学习Vuejs的总结和调用webapi的一个小示例；»Vuejs-学习大杂烩»WebApi+Vue.js示例下面一步一个脚印的来分享：»Vuejs-学习大杂烩首先，咋们要学习一个js框架
神牛步行3·2017-02-05 10:40

vue入门使用

vue的介绍官网都很清楚，连接在此：http://cn.vuejs.org/v2/guide/我是做java后端开发，对于前台的框架我理解都是像jquery这样的，引入一个js文件，就可以使用了，但用vue
Beyond_奈何·2017-02-04 11:07

Vue.js学习之过滤器详解

前言在这个教程中，我们将会通过几个例子，了解和学习VueJs的过滤器。阅读这这篇文中的前提是你对Vue已经有了基本的语法基础。
Jone_chen·2017-01-22 11:36

vue学习part1

一个mvvm框架(库)、和angular类似比较容易上手、小巧3、mvc:mvpmvvmmv*mvx4、官网:http://cn.vuejs.org/5、手册：http://cn.vuejs.org/api
小黑ii·2017-01-19 18:38

v-model和v-for指令

http://cn.vuejs.org/v2/guide/1.基本雏形window.onload=function(){varvm=newVue({el:'#box',data:{msg:'HelloVue
学习笔记666·2017-01-19 16:59

vuejs的环境搭建

通过npm命令安装vuejs在用Vue.js构建大型应用时推荐使用NPM安装，NPM能很好地和诸如Webpack或Browserify的CommonJS模块打包器配合使用首先安装好nodejs。
橘子味阳光·2017-01-18 14:23

Vue系列：通过vue-router如何传递参数示例

使用vue-router来实现webapp的页面跳转，有时候需要传递参数，做法如下：参考文献：http://router.vuejs.org/en/named.html主要有以下几个步骤：（1）设置好路由配置
拿走不谢·2017-01-16 15:07

详解vue-Resource（与后端数据交互）

可以放在created或者ready里面运行来获取或者更新数据...vue-resource文档：https://github.com/vuejs/vue-resource/blob/master/docs
艺小晨·2017-01-16 14:47

详解vue-validator（vue验证器）

官方文档：http://vuejs.github.io/vue-validator/zh-cn/index.htmlgithub项目地址：https://github.com/vuejs/vue-validator
艺小晨·2017-01-16 14:31

vue vuex vue-router vue-resource 简单的搭建一个 vue 小项目

es2015，es2016……先贴一波文档：vue中文网：http://cn.vuejs.org/vuex中文网：http://vuex.vuejs.org/zh-cn/vue-resource：https
茹雨霖苒·2017-01-12 11:40

详解能在多种前端框架下使用的表格控件

近几年Web前端框架特别流行，比如AngularJS、AngularJS2、ReactJS、KnockoutJS、VueJS等。表格控件是我们在开发中经常要用到的控件。
启明·2017-01-11 17:32

vuejs父子组件通信的问题

父子组件之间可以通过props进行通信：组件的定义：1.创建component类：varProfile=Vue.extend({template:"Lily";})2.注册一个tagnme:Vue.component("me-profile",Profile);//全局注册局部注册：varvm=newVue({el:"#todo",components:{"my-profile":Profile}
lhy031·2017-01-11 16:24

VueJs路由跳转――vue-router的使用详解

对于单页应用，官方提供了vue-router进行路由跳转的处理，本篇主要也是基于其官方文档写作而成。安装基于传统，我更喜欢采用npm包的形式进行安装。npminstallvue-router--save当然，官方采用了多种方式进行安装，包括bower,cdn等。基本用法在HTML文档中使用，只需要利用v-link这个directive就行了，如：Gotoview-aps:v-link还支持acti
SCQ000·2017-01-10 11:21

VUE JS 使用组件实现双向绑定的示例代码

1.VUE前端简单介绍VUEJS是一个简洁的双向数据绑定框架，他的性能超过ANGULARJS,原因是实现的机制和ANGULARJS不同，他在初始化时对数据增加了get和set方法，在数据set时，在数据属性上添加监控
自由港·2017-01-10 11:13
上一页 124 125 126 127 128 129 130 131 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他