Vue

组件生命周期 当我们 new 一个 vue 时或者当我们创建一个组件时，会创建一个实例。比如：当我们使用<Comp />组件，就会创建一个组件实例，实例创建之后会经历以下流程： 1、 注入 把配置项里

参考网址： vue cli: https://cli.vuejs.org/zh/ axios: https://github.com/axios/axios 安装axios 在项目文件夹下安装axio

组件事件 什么是组件事件？ 在组件里抛出的自定义事件，参数是自定义的事件名称和事件的数据，写法如下： 出现的意义是什么？ 用于自组件向父组件传递数据。在vue里，数据传递是单向的，子组件不可改变父组件

v-if能控制是否生成vnode，也就间接控制了是否生成对应的dom v-if为true：生成对应的vnode，并生成对应的dom元素 v-if为false：不会生成对应的vnode，自然不会生成对应

因为假如方法比较复杂，且多次调用，那么会很耗时，会降低效率。 计算属性就是多了一个缓存，当我们使用数据(模版中的fullName)的时候，本质上是调用这个方法(fullName)，得到一个结果。在调用这个方法(fullName)的过程中，vue会做一件事，记录这个依赖，即这个方…

做项目之前要先搭建工程。如果不搭建工程，在运行环境的时候会有很多兼容性问题。 搭建比较麻烦，要安装很多插件，写很多配置。 它内部使用了webpack，并预置了很多插件（plugin）和加载器（loader），以达到开箱即用的效果，不用自己去手写配置，根据需要进行选择。 搭建好之…

为了可以复用，因为每次复用的时候，就会重新调用函数，得到一个新的对象，这样就避免了组件之间的数据相互影响。 就算是复用同一个组件，但每一个组件之间是不同的实例。 创建完组件之后页面还是没东西，他都不知道组件往哪里放。 所以，创建完之后还要注册，注册完之后才能使用组件。 注意：注…

模版语法 {{}}mustache语法/大胡子语法指令v-bind绑定属性指令的参数是属性名v-bind:属性="js表达式"<img v-bind:src="imgUrl">语法糖 :<img :s

这个过程是在Vue()构造函数里完成的。 通过new Vue({})创建了一个vue实例对象，这个实例对象里本身自带了一写成员，是vue框架给我们加的一些成员。 防止与注入的成员重名。 vue模版可以直接使用vue实例中的成员。 为什么能直接使用{{title}}，因为vue实…

vue可以只控制页面的一个小区域，虽然我们经常控制整个页面。 可以配置为对象，表示页面中要使用的数据。 当用vue去控制一个元素（例如：#app）时，这个元素的所有东西变成了vue模版。模版是不会显示到页面上的，虽然好像在页面上显示出来了，是因为经过了转换，最后变成了html才…

为了减轻后端的开发压力（既要考虑业务又要组装页面），把组装页面的工作交给前端，所以，产生了前后端分离的工作模式。这样前端的工作就越来越复杂，为了降低前端的复杂度，就出现了前端框架。 随着前后端分离这种模式的发展，前端开发者承担的功能越来越多，后端只需提供api，不再跟页面有关系…