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