摘要: 首先,做一个跟随鼠标移动的页面特效。 先上代码,就这样。 都是我自己摸索出来的,其中有几个重要的点要注意: (1)关于setInterval与clearInterval setInterval要放在功能函数中,不能放在事件触发的函数中。 而clearIntrval要放在事件触发的函数里(感觉也可以不 阅读全文
posted @ 2017-04-07 14:37 我爱米稀饭 阅读(173) 评论(0) 推荐(0) 编辑
摘要: 绑定HTML Class 对象语法 对象语法 我们可以传给 v-bind:class 一个对象,以动态地切换class。 <div v-bind:class="{active:isActive}"></div> 上面的语法表示class active 的更新将取决于数据属性 isActive 是否为 阅读全文
posted @ 2017-04-05 15:05 我爱米稀饭 阅读(119) 评论(0) 推荐(0) 编辑
摘要: 计算属性 基础例子 基础例子 <div id="example"> <p>Original message:"{{ message }}"</p> <p>Computed reversed message:"{{ reversedMessage}}"</p> </div> var vm = new 阅读全文
posted @ 2017-04-05 11:11 我爱米稀饭 阅读(173) 评论(0) 推荐(0) 编辑
摘要: 插值 文本 文本 数据绑定最常见的形式就是使用“Mustache”语法(双大括号)的文本差值: <span>Message:{{msg}}</span> Mustache标签将会被替代为对应数据对象上msg属性的值。无论何时,绑定的数据对象上msg属性发生了改变,插值处的内容都会更新。 通过使用v- 阅读全文
posted @ 2017-04-04 21:13 我爱米稀饭 阅读(108) 评论(0) 推荐(0) 编辑
摘要: 构造器 每个vue.js应用都是通过构造函数Vue穿件一个Vue的根实例启动的: var vm = new Vue({ //选项 }) 在实例化Vue时,需要传入一个选项对象,他可以包含数据,模板,挂在元素,方法,生命周期钩子等选项。 vue构造器是可扩展的,实际上,所有的vue.js组件其实都是被 阅读全文
posted @ 2017-04-04 19:52 我爱米稀饭 阅读(223) 评论(0) 推荐(0) 编辑
摘要: 这是在爬vue官方的坑。 一、处理用户输入 <div id="app-5"> <p>{{message}}</p> <button v-on:click='reverseMessage">Reverse Message</button> </div> var app5=new Vue({ el:'# 阅读全文
posted @ 2017-04-04 16:05 我爱米稀饭 阅读(187) 评论(0) 推荐(0) 编辑