boonya - 博客园

2017年6月29日

摘要： computed属性 HTML 效果：实例中声明了一个计算属性 reversedMessage 。提供的函数将用作属性 vm.reversedMessage 的 getter 。 vm.reversedMessage 依赖于 vm.message，在 vm.message 发生改变时，vm.re 阅读全文

posted @ 2017-06-29 08:43 boonya 阅读(2079) 评论(0) 推荐(0) 编辑

2017年6月28日

VueJS循环语句：v-for

摘要： v-for 指令需要以 item in items 形式的特殊语法， items 是源数据数组并且 item 是数组元素迭代的别名。 HTML 效果： v-for 迭代对象 HTML 效果：遍历对象key-value HTML 效果：遍历对象key-value 带索引 HTML 效果： v-fo 阅读全文

posted @ 2017-06-28 19:27 boonya 阅读(3120) 评论(0) 推荐(0) 编辑

VueJS条件语句：v-if、v-else、v-else-if

摘要： HTML:if-else HTML:if-else if-else v-show我们也可以使用 v-show 指令来根据条件展示元素：阅读全文

posted @ 2017-06-28 17:10 boonya 阅读(107996) 评论(0) 推荐(2) 编辑

VueJS构造器:new Vue({})

摘要：构造器每个 Vue.js 应用都是通过构造函数 Vue 创建一个 Vue 的根实例来启动的：属性与方法每个 Vue 实例都会代理其 data 对象里所有的属性：除了 data 属性， Vue 实例暴露了一些有用的实例属性与方法。这些属性与方法都有前缀 $，以便与代理的 data 属性区分。例如：阅读全文

posted @ 2017-06-28 17:03 boonya 阅读(4245) 评论(0) 推荐(1) 编辑

VueJS绑定缩写：可省略v-on、v-bind

摘要： v-bind 缩写 Vue.js 为两个最为常用的指令提供了特别的缩写： v-on 缩写阅读全文

posted @ 2017-06-28 17:00 boonya 阅读(2316) 评论(0) 推荐(0) 编辑

VueJS自定义过滤器:new Vue({filters:{filter1:function(){}....}})

摘要： Vue.js 允许你自定义过滤器，被用作一些常见的文本格式化。语法 HTML将字符串转为大写效果：过滤器可以串联：过滤器是 JavaScript 函数，因此可以接受参数：阅读全文

posted @ 2017-06-28 16:58 boonya 阅读(515) 评论(0) 推荐(0) 编辑

VueJS字符串反转:String.reverse()

摘要： HTML 效果：阅读全文

posted @ 2017-06-28 16:45 boonya 阅读(522) 评论(0) 推荐(0) 编辑

VueJS实现双向数据绑定：v-model

摘要： HTML 效果：阅读全文

posted @ 2017-06-28 16:28 boonya 阅读(160) 评论(0) 推荐(0) 编辑

VueJS参数绑定：v-bind:href,v-on:event

摘要：参数绑定HTML 参数绑定效果：事件绑定HTML 事件绑定效果：阅读全文

posted @ 2017-06-28 16:12 boonya 阅读(753) 评论(0) 推荐(0) 编辑

VueJS处理逻辑指令:v-if

摘要： HTML 效果：阅读全文

posted @ 2017-06-28 16:04 boonya 阅读(361) 评论(0) 推荐(0) 编辑

我有佳人隔窗而居，今有伊人明月之畔。
轻歌柔情冰壶之浣，涓涓清流梦入云端。
美人如娇温雅悠婉，目遇赏阅适而自欣。
百草层叠疏而有致，此情此思怀彼佳人。
念所思之唯心叩之，踽踽彳亍寤寐思之。
行云如风逝而复归，佳人一去莫知可回？
深闺冷瘦独自徘徊，处处明灯影还如只。
推窗见月疑是归人，阑珊灯火托手思忖。
庐居闲客而好品茗，斟茶徐徐漫漫生烟。

我有佳人在水之畔，瓮载渔舟浣纱归还。
明月相照月色还低，浅近芦苇深深如钿。
庐山秋月如美人衣，画堂春阁香气靡靡。
秋意幽笃残粉摇曳，轻轻如诉画中蝴蝶。
泾水潺潺取尔浇园，暮色黄昏如沐佳人。
青丝撩弄长裙翩翩，彩蝶飞舞执子手腕。
香带丝缕缓缓在肩，柔美体肤寸寸爱怜。
如水之殇美玉成欢，我有佳人清新如兰。
伊人在水我在一边，远远相望不可亵玩。