随笔 - 441 文章 - 4 评论 - 84 阅读 - 109万

12 2016 档案

摘要：有时候非父子关系的组件也需要通信。在简单的场景下，使用一个空的 Vue 实例作为中央事件总线： var bus = new Vue() // 触发组件 A 中的事件 bus.$emit('id-selected', 1) // 在组件 B 创建的钩子中监听事件 bus.$on('id-selected', function (id) { // ... }) ... 阅读全文

posted @ 2016-12-11 23:37 自由港阅读(636) 评论(0) 推荐(0) 编辑

vue 中使用 AJAX获取数据的方法

摘要：在VUE开发时，数据可以使用jquery和vue-resource来获取数据。在获取数据时，一定需要给一个数据初始值。看下例：这里必须设置 vue的data的初始数据，即使此时数据为空。在使用ajax获取数据时，使用vue-resource 更加合适。使用vue-resource代码如下：这里我们看到设置VUE实例数据时，直接使用 this.data 就... 阅读全文

posted @ 2016-12-10 22:52 自由港阅读(120470) 评论(2) 推荐(2) 编辑

V-MODEL指令实现方法

摘要：V-MODEL 是VUE 的一个指令，在input 控件上使用时，可以实现双向绑定。通过看文档，发现他不过是一个语法糖。实际是通过下面的代码来实现的： Document {{person}} 通过绑定绑定INPUT事件来更新对应对象的值。阅读全文

posted @ 2016-12-05 09:00 自由港阅读(6045) 评论(0) 推荐(0) 编辑

VUE JS 使用组件实现双向绑定

摘要：1.VUE 前端简单介绍 VUE JS是一个简洁的双向数据绑定框架，他的性能超过ANGULARJS,原因是实现的机制和ANGULARJS 不同，他在初始化时对数据增加了get和set方法，在数据set时，在数据属性上添加监控，这样数据发生改变时，就会触发他上面的watcher，而ANGULARJS 是使用脏数据检查来实现的。另外VUEJS 入门比ANGULARJS 简单，中文文档也很齐... 阅读全文

posted @ 2016-12-04 18:30 自由港阅读(8384) 评论(1) 推荐(1) 编辑