vue

Vue Vue.js是前端三大新框架: ​ Angular.js、React.js、Vue.js之一，Vue.js目前的使用和关注程度在三大框架中稍微胜出，并且它的热度还在递增 Vue的核心库只关注视

模版指令 模板语法指的是如何将数据放入html中 Vue使用了基于HTML的模板语法，允许开发者声明式地将DOM绑定至底层 Vue 实例的数据 所有Vue的模板都是合法的 HTML ，所以能被遵循规范

属性绑定 v-bind 如果我们需要设置的模板变量是一个属性，比如a标签的href属性 属性表达式的类型可以是字符串、对象或数组 可以通过v-bind指令或者:的简写对某个dom元素的属性进行绑定 数

事件绑定 v-on 给元素绑定对应事件，以下是对于点击事件的绑定 如果获取到单次输入的改变，那么可以使用input事件 跑马灯 这里有一个跑马灯效果可以玩耍 事件绑定修饰符 阻止冒泡 比如一个按钮在一

双向绑定 v-model 使用v-model指令可以在表单input、textarea以及select元素上创建双向数据绑定，根据表单上的值，自动更新模板变量中的值 v-model会忽略表单的初始值，

计算属性 computed 模板内的表达式非常便利，但是设计它们的初衷是用于简单运算的，如果在模板中放入太多的逻辑会让模板过重且难以维护 也就是说，某些时候页面中的模板变量如果需要复杂的运算处理，应该

侦听属性 侦听属性的作用是侦听某些属性的变化，从而做相应的操作，进行对数据变化的相应， 侦听属性是一个对象（字典），key值是要监听的元素，值是当监听的元素发生改变时要执行的函数； 监听函数有两个参数

条件渲染 通过条件指令可以控制元素的显示及隐藏，或者说叫做创建和销毁 v-if v-if指令用于条件性的渲染一块内容，这块内容只会在指令的表达式返回truthy值的时候渲染 可以通过该指令动态的控制页

过滤器 在vue属性中的filters中定义过滤器，可被用于一些常见的文本，对它们进行格式化 过滤器可以用在两个地方：双花括号插值和 v-bind 表达式 (后者从 2.1.0+ 开始支持) 过滤器应

生命周期 每个Vue实例在被创建时都要经过一系列的初始化过程 例如：需要设置数据监听、编译模板、将实例挂载到DOM并在数据变化时更新DOM等 同时在这个过程中会自动运行一些叫做生命周期钩子的函数，我们

组件 组件Component是Vue.js最强大的功能之一，组件可以扩展HTML元素，封装可重用的代码 所有的Vue组件同时也都是Vue的实例，所以可接受相同的选项对象（除了一些根级特有的选项）并提供

Vue脚手架 vue脚手架指的是vue-cli 它是一个专门为单页面应用快速搭建繁杂的脚手架，它可以轻松的创建新的应用程序而且可用于自动生成vue和webpack的项目模板 webpack可以看做是模

Vue-Axios 除去jQuery所提供的异步通信ajax方法，在Vue中也提供了ajax的异步通信方法，叫做axios 通过axios可以像ajax一样很轻松的完成前后端数据的交互，脚手架中也推荐

Vue-Router Vue-router做路径匹配时支持动态片段、全匹配片段以及查询参数（片段指的是URL中的一部分） 对于解析过的路由，这些信息都可以通过路由上下文对象（从现在起，我们会称其为路由

VueX Vuex是一个专为Vue.js应用程序开发的状态管理模式，可以方便我们在vue中进行数据通信，共享 有了vuex，在vue中，各个组件都可以共同访问一个vuex存储仓库 安装vuex vue