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