一 vue.js的M-V-VM思想 MVVM 是Model-View-ViewModel 的缩写，它是一种基于前端开发的架构模式。 1.Model指代的就是vue对象的data属性里面的数据。这里的数据要显示到页面中。 2.View指代的就是vue中数据要显示的HTML页面，在vue中，也称之为“视 ...
分类：
其他好文 时间：
2019-03-10 09:56:58
阅读次数：
186
附加导航（Affix）插件允许指定 <div> 固定在页面的某个位置。一个常见的例子是社交图标。它们将在某个位置开始，但当页面点击某个标记，该 <div> 会锁定在某个位置，不会随着页面其他部分一起滚动。 用法 您可以通过 data 属性或者通过 JavaScript 来使用附加导航（Affix）插 ...
分类：
其他好文 时间：
2019-02-24 20:11:57
阅读次数：
179
初始化 Data 属性 前面在介绍准备 Kendo UI 开发环境时我们使用 jQuery 的方法将一个 HTML 元素转换成一个 Kendo UI 控制项： $(“#datepicker”).kendoDatePicker();除了使用 jQuery 插件的方法来初始化方法外，每个 Kendo 控 ...
分类：
其他好文 时间：
2019-02-11 12:46:07
阅读次数：
146
【转】11-jQuery的事件绑定和解绑 1、绑定事件 语法： 描述：为每一个匹配元素的特定事件（像click）绑定一个事件处理器函数。 参数解释： type (String) : 事件类型 data (Object) : (可选) 作为event.data属性值传递给事件对象的额外数据对象 fn ...
分类：
Web程序 时间：
2019-02-07 19:08:16
阅读次数：
193
组件中箭头函数的使用 不要使用箭头来定义任意生命周期钩子函数； 不要使用箭头来定义一个 methods 函数； 不要使用箭头来定义 computed 里的函数； 不要使用箭头定义 watch 里的函数； 不要对 data 属性/函数 使用箭头； 上面的函数中使用箭头，会导致 this 捕获不到 Vu ...
分类：
其他好文 时间：
2019-01-29 18:08:34
阅读次数：
156
下面就详细介绍四种方法获取data-*属性的值 需要获取的就是data-id 和 dtat-vice-id的值 一：getAttribute()方法 二：dataset()方法 三：jquery data()方法 四：jquery attr()方法 这样以后做详情页就可以愉快的玩耍了 ...
分类：
其他好文 时间：
2019-01-05 10:47:53
阅读次数：
194
功能：三个背景框，点击按钮添加CSS属性，再次点击去除CSS属性。比如，我想实现只有点击这个元素时才添加这个red类，再次点击时移除red类，为了实现这个功能，需要在Vue实例内添加data属性，以便和模板代码建立联系。attachRed默认false，即默认不添加，点击方框时，需要对attachRed取反，为了按照指定条件添加CSS类，需要用:class绑定到class属性，即时已经添加了dem
分类：
Web程序 时间：
2019-01-04 12:33:55
阅读次数：
224
处理依赖，Vue还提供了另外一种处理依赖的方法：侦听对象。再computed属性里面，我们设置需要计算的属性，而在函数里面设置计算这个属性的逻辑，侦听属性采用的则是另外一种机制，把想要侦听的属性名称设置为键，这里就是counter这个键，必须与属性名称相同，这里就是data属性中的counter属性，在函数中指定counter属性变化时需要执行的代码，Vue会自动把属性变化之后的数值传递给该函数，
分类：
其他好文 时间：
2019-01-03 18:11:21
阅读次数：
176
data属性不是响应式的，所以不能写成data:{counter:0,result:this.counter>5?Greate5:Small5},而应该写成然后在html调用：现在在增加按钮和secondCounter时：那么这个result()方法会在每次更新页面的时候都执行一次，Vue会在每次需要更新的时候更新一次页面，比如则个secondCounder的状态改变的时候，就需要更新页面，
分类：
其他好文 时间：
2019-01-03 17:30:21
阅读次数：
223
1.如何输出Vue实例内data对象内存储的简单属性，注意Vue实例中存储在data属性中的数据。在html中都可以直接访问，而不需要this.属性名或data.属性名。即<p>{{title}}</p>。函数也可以类似访问，例如在vue中定义了一个函数：我们在html中可以直接使用sayHello函数。即<p>{{sayHello()}}</p>在
分类：
其他好文 时间：
2018-12-29 15:17:57
阅读次数：
168
