王小涵的笔记的博客

所谓的vue生命周期就是vue实例从创建到销毁的整个过程，通过vue的生命周期我们可以在不同的阶段进行不同的逻辑操作。

vue的一些常用指令以及常用修饰符

单页面应用与多页面应用的区别。

使用v-for时建议设置key值，并且保证每个key值是独一无二的，这便于diff算法进行优化。2、同时使用需要在外层嵌套盒子，在外层进行v-if判断，在内层进行v-for循环。用于条件性地渲染一块内容，这块内容会在指令的表达式返回true时被渲染。基于一个数组来渲染一个列表。1、v-if和v-for不能同时使用。形式的特殊语法，其中。

如果在运行时条件很少改变，则使用v-if较好，例如：用户登录之后，根据他的权限不同来显示不同的内容。如果需要非常频繁地切换，则使用v-show 较好，例如：手风琴菜单，tab切换等。

推荐使用数据的唯一标识作为key，比如id，身份证号，手机号等等，通常这些数据由后端提供。后续操作不破坏原来数据顺序的话，使用index作为key也没有任何问题。新旧虚拟dom会根据key进行对比。（1）新旧dom中有相同的key。key是虚拟dom对象的标识。

虚拟dom是根据真实dom生成的一个js对象，里面有元素，属性和文本这些与真实dom中的元素，属性，文本一一照应。可以更好地将虚拟节点渲染到页面视图中。

vue.js采用数据劫持结合发布者-订阅者模式，通过Object.defineProperty()来劫持data中各个属性的setter和getter，在数据变动时，发布消息给订阅者，触发响应的监听回调。缺点：vue2使用Object.defineProperty()只能监听单个属性，所以存在数据更新视图不更新的问题。解决方法文章链接：http://t.csdn.cn/aXGBs。

【学习什么是跨域，以及如何解决跨域。】跨域： 由于浏览器的同源策略引起的，如果说协议、域名、端口号有任何一个不一样，都会引起跨域为什么会出现跨域： 基于安全考虑 出现跨域会报错如图所示： （1）后台改： 后台设置响应头 res.setHeader('Access-Control-Allow-Origin',' *')（2）jsonp ：不会阻止script标签的src属性的请求,前端写一个函数，后端返回函数的调用（3）配置代理 （4）.nginx反向代理

插槽是子组件提供给父组件的一种占位符，用 表示。插槽可分为 默认的插槽：可用于父组件向子组件传递用标签包裹的数据 具名插槽 ：起了名字的插槽，可以用于在特定的位置使用插槽 作用域插槽：可用于子组件向父组件传递数据

关于axios发送请求的学习，以及如何封装使用axios

关于vue的路由（导航）的知识的学习，重点学习vue路由传参。

Mixin：一种非常灵活的方式，来分发组件中的可复用功能

props是单向数据流，不能在子组件直接修改父组件传递给子组件数据，所以不能在子组件使用。

详细的vue组件通讯的几种方式

组件的认识，组件间的通讯（父传子，子传父，兄弟组件间的通讯）

vuex的辅助函数，vuex的进阶使用

vuex的高阶用法，需掌握！！！***

过滤器：对常用文本的格式化操作；一般用于时间、金额等。分为 全局的过滤器和局部的过滤器全局的过滤器：在main.js中定义Vue.filter('过滤器的id/名字',( )=>{ })局部的过滤器：在页面内 和data同一层级filters:{过滤器1( ){ },过滤器2( ){ },...}

methods，computed，watch的区别（拓展：replace 字符串替换）

vuex的简单认识

掌握vue的内置组件，重点keep - alive！

【vue中较为重要的一个知识点】如果说引用数据类型没定义该属性，属性改变的时候视图不更新该如何解决？