一、 组件component 1. 什么是组件？ 组件（Component）是 Vue.js 最强大的功能之一。组件可以扩展 HTML 元素，封装可重用的代码 组件是自定义元素（对象） 2. 定义组件的方式 方式1：先创建组件构造器，然后由组件构造器创建组件 /** * 方式1：先创建组件构造器，然后由组件构造器创建组件 */ //1.使用Vue.…
vue组件
vue动画
六、过渡(动画) 官方api 1. 简介 Vue 在插入、更新或者移除 DOM 时，提供多种不同方式的应用过渡效果 本质上还是使用CSS3动画：transition、animation 2. 基本用法 使用transition组件，将要执行动画的元素包含在该组件内 <transition> 运动的元素 </transition&g…
vue自定义指令
五、自定义指令 分类：全局指令、局部指令 1. 自定义全局指令 使用全局方法Vue.directive(指令ID,定义对象) 2. 自定义局部指令 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>自…
使用Browsersync实现免除F5
使用Browsersync实现边修改代码边预览修改效果，免除每次都要按F5的繁琐步骤，爽到爆炸的体验感！
vue实例的属性和方法
vue本身自带的各种属性和方法的使用
vue计算属性
三、计算属性 1. 基本用法 计算属性也是用来存储数据，但具有以下几个特点： a.数据可以进行逻辑处理操作 b.对计算属性中的数据进行监视 2.计算属性 vs 方法 将计算属性的get函数定义为一个方法也可以实现类似的功能 区别： a.计算属性是基于它的依赖进行更新的，只有在相关依赖发生改变时才能更新变化 b.计算属性是缓存的，只要相关依赖没有改变…
vue发送AJAX请求
一、 发送AJAX请求 1. 简介 vue本身不支持发送AJAX请求，需要使用vue-resource、axios等插件实现 axios是一个基于Promise的HTTP请求客户端，用来发送请求，也是vue2.0官方推荐的，同时不再对vue-resource进行更新和维护 参考：GitHub上搜索axios，查看API文档 2. 使用axios发送…
vue过滤器
七、 过滤器 1. 简介 用来过滤模型数据，在显示之前进行数据处理和筛选 语法：{{ data | filter1(参数) | filter2(参数)}} 2. 关于内置过滤器 vue1.0中内置许多过滤器，如： currency、uppercase、lowercase limitBy orderBy filterBy vue2.0中已经删除了所有…
vue模版
六、 模板 1. 简介 Vue.js使用基于HTML的模板语法，可以将DOM绑定到Vue实例中的数据 模板就是{{}}，用来进行数据绑定，显示在页面中 也称为Mustache语法 2. 数据绑定的方式 a.双向绑定 v-model b.单向绑定 方式1：使用两对大括号{{}}，可能会出现闪烁的问题，可以使用v-cloak解决 方式2：使用v-tex…