weixin_64608867的博客

•基于 Promise 的 HTTP 请求客户端，可同时在浏览器和 Node.js 中使用•vue2.0之后，就不再对 vue-resource 更新，而是推荐使用 axios，本项目也是使用 axios•功能特性•在浏览器中发送 XMLHttpRequests 请求•在 node.js 中发送 http请求•支持 Promise API•拦截请求和响应•转换请求和响应数据•取消请求•自动转换 JSON 数据•客户端支持保护安全免受 CSRF/XSRF（跨站请求伪造） 攻击封装使用

概念keep-alive 是 Vue 的内置组件，当它包裹动态组件时，会缓存不活动的组件实例，而不是销毁它们。和 transition 相似，keep-alive 是一个抽象组件：它自身不会渲染成一个 DOM 元素，也不会出现在父组件链中。作用在组件切换过程中将状态保留在内存中，防止重复渲染DOM，减少加载时间及性能消耗，提高用户体验性。原理在 created 函数调用时将需要缓存的 VNode 节点保存在 this.cache 中／在render（页面渲染） 时，如果 VN.

在src目录文件下新建一个components文件，在这个文件中可以创建复用的组件在需要用的组件需要经过三步，一是导入要用的这个组件，二是：注册组件，三是使用组件封闭性：当在组件定义好外部不能修改；开放性：将动态内容和组件通讯方式进行传递数据保证组件可扩展性；总结：通过vue提供的组件通讯结合slot插槽来区分封装的组件如下：在components文件里创建一个你要封装的组件在这个组件里面实现样式布局在props接收数据，点击搜索按钮或回车时，触发this..$emit将数据传递

相同点：都是显示隐藏不同点：v-if：通过创建或删除dom节点来实现显示或隐藏 浪费性能 适合筛选元素和初次渲染v-show：通过display属性来实现控制元素的显示或隐藏 适合显示隐藏本质的区别vue-show本质就是标签display设置为none，控制隐藏vue-if是动态的向DOM树内添加或者删除DOM元素编译的区别v-show其实就是在控制cssv-if切换有一个局部编译/卸载的过程，切换过程中合适地销毁和重建内部的事件监听和子组件编译的条件v-s

v-for优先级高 避免浪费性能 用div或template包裹，把v-if写在包裹标签上不能同时使用 v-for的时候我们才开始渲染dom元素,这个v-if还⽆法进⾏判断.首先：永远不要把 v-if 和 v-for 同时用在同一个元素上。其次：当 Vue 处理指令时，v-for 比 v-if 具有更高的优先级将 users替换为一个计算属性 (比如 activeUsers)，让其返回过滤后的列表将：<ul> <li v-for="user in ...