2017年7月11日

摘要: 即时搜索 这个例子主要应用了vue.js的自定义过滤器,可以通过Vue.filter()注册一个全局过滤器,具体用法可以参考这里,vue.js也提供了一些内置过滤器。 CSS代码: HTML代码: JS代码: 布局转换 本例应用了vue.js的v-if指令进行了条件渲染,以及v-bind绑定clas 阅读全文

posted @ 2017-07-11 21:25 ITandYT 阅读(330) 评论(0) 推荐(0) 编辑

摘要: 数据绑定 数据绑定是vue.js的基础。本例中就是利用了vue.js的v-model指令在表单元素上创建双向数据绑定。 将message绑定到文本框,当更改文本框的值时,<p>{{ message }}</p> 中的内容也会被更新。 导航切换 这里主要应用了vue.js的v-for指令来渲染一个列表 阅读全文

posted @ 2017-07-11 20:57 ITandYT 阅读(420) 评论(0) 推荐(0) 编辑

摘要: Vue作为2016年最火的框架之一,以其轻量、易学等特点深受大家的喜爱。今天简单介绍一下Vue的使用。 首先,需要在官网下载vuejs,或者直接用cdn库。以下实例使用Vue实现数据绑定与判断循环: js代码: 大家快来试试吧!!! 阅读全文

posted @ 2017-07-11 20:36 ITandYT 阅读(3344) 评论(0) 推荐(0) 编辑

摘要: 这篇文章我们将学习vue.js的基础语法,对于大家学习vue.js具有一定的参考借鉴价值,有需要的朋友们下面来一起看看。 Vue.js是一个数据驱动的web界面库。Vue.js只聚焦于视图层,可以很容易的和其他库整合。代码压缩后只有24kb。 以下代码是Vue.js最简单的例子, 当 input 中 阅读全文

posted @ 2017-07-11 20:13 ITandYT 阅读(359) 评论(0) 推荐(0) 编辑