2018年1月17日
Vue（十三）自定义指令
摘要： 自定义指令 分类：全局指令、局部指令 1. 自定义全局指令 使用全局方法Vue.directive(指令ID,定义对象) 2. 自定义局部指令 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="vie 阅读全文
posted @ 2018-01-17 15:43 yulingjia 阅读(218) 评论(0) 推荐(0)
2018年1月15日
Vue（十二）vue实例的属性和方法
摘要： vue实例的属性和方法 1. 属性 vm.$el vm.$data vm.$options vm.$refs <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="w 阅读全文
posted @ 2018-01-15 15:25 yulingjia 阅读(411) 评论(0) 推荐(0)
2018年1月10日
Vue（十一）计算属性
摘要： 计算属性 1. 基本用法 计算属性也是用来存储数据，但具有以下几个特点： a.数据可以进行逻辑处理操作 b.对计算属性中的数据进行监视 2.计算属性 vs 方法 将计算属性的get函数定义为一个方法也可以实现类似的功能 区别： a.计算属性是基于它的依赖进行更新的，只有在相关依赖发生改变时才能更新变 阅读全文
posted @ 2018-01-10 16:09 yulingjia 阅读(196) 评论(0) 推荐(0)
Vue（十）生命周期
摘要： Vue生命周期 vue实例从创建到销毁的过程，称为生命周期，共有八个阶段 <script> window.onload=function(){ let vm = new Vue({ el:'#app', data:{ msg:'Hello World ! ' }, methods:{ update( 阅读全文
posted @ 2018-01-10 10:32 yulingjia 阅读(259) 评论(0) 推荐(0)
2018年1月9日
Vue（九）小案例 - 百度搜索列表（跨域）
摘要： 效果： 阅读全文
posted @ 2018-01-09 17:51 yulingjia 阅读(560) 评论(0) 推荐(0)
Vue（八）发送跨域请求
摘要： 使用vue-resource发送跨域请求 1 安装vue-resource并引入 1 安装vue-resource并引入 cnpm install vue-resource -S 2 基本用法 2 基本用法 使用this.$http发送请求 this.$http.get(url, [options] 阅读全文
posted @ 2018-01-09 10:28 yulingjia 阅读(372) 评论(0) 推荐(0)
2018年1月5日
Vue（七）发送Ajax请求
摘要： 发送AJAX请求 1. 简介 vue本身不支持发送AJAX请求，需要使用vue-resource、axios等插件实现 axios是一个基于Promise的HTTP请求客户端，用来发送请求，也是vue2.0官方推荐的，同时不再对vue-resource进行更新和维护 参考：GitHub上搜索axio 阅读全文
posted @ 2018-01-05 16:25 yulingjia 阅读(3588) 评论(0) 推荐(0)
Vue（六）过滤器
摘要： 1. 简介 用来过滤模型数据，在显示之前进行数据处理和筛选 语法：{{ data | filter1(参数) | filter2(参数)}} 2. 关于内置过滤器 vue1.0中内置许多过滤器，如：currency、uppercase、lowercase、limitBy、orderBy、filter 阅读全文
posted @ 2018-01-05 15:46 yulingjia 阅读(316) 评论(0) 推荐(0)
Vue（五）模板
摘要： 模板 1. 简介 Vue.js使用基于HTML的模板语法，可以将DOM绑定到Vue实例中的数据 模板就是{{}}，用来进行数据绑定，显示在页面中 也称为Mustache语法 2. 数据绑定的方式 a.双向绑定 v-model b.单向绑定 方式1：使用两对大括号{{}}，可能会出现闪烁的问题，可以使 阅读全文
posted @ 2018-01-05 15:15 yulingjia 阅读(235) 评论(0) 推荐(0)
2017年12月14日
Vue（四）事件和属性
摘要： 1. 事件 1.1 事件简写 v-on:click="" 简写方式 @click="" 1.2 事件对象$event 包含事件相关信息，如事件源、事件类型、偏移量 target、type、offsetx 1.3 事件冒泡 阻止事件冒泡： a)原生js方式，依赖于事件对象 b)vue方式，不依赖于事件 阅读全文
posted @ 2017-12-14 17:04 yulingjia 阅读(1440) 评论(0) 推荐(0)