Banality_human_workers的博客

解决vue中给button按钮添加点击事件，事件不生效问题。话不多说，直接切入正题：我们在开发中是不是经常会遇到给button或者input添加click事件，但是methods中却不走这个事件的问题呢？我找了很多文档，跟button本身是没有关系的。话不多说 看代码： <div class="parentbox"> <div class="childbox"> <button @click="addEvent">测试</but

虚拟Dom（virtual dom）是一个js对象，用来模拟真实dom中的节点结构。为什么使用virtual dom？（dom的优化原理）虚拟dom采用object对象的写法， 极大的提升了我们使用dom操作网页的性能。虚拟dom生成的4个过程：获取数据创建vdom通过render函数解析jsx，将其转换成 vdom结构将vdom转换为真实dom数据更改使用diff算法，调用patch函数对比两次dom不同根据key将patch对象渲染到页面中改变的结构上，而其他没有改变的地方是不做

这篇是我很喜欢的，虽然是别的网站，但讲解详细且易懂 ，相信看完以后应该能满足很多人吧。https://segmentfault.com/a/1190000016786254

vue用动画实现切换功能:Vue 在插入、更新或者移除 DOM 时，提供多种不同方式的应用过渡效果。包括以下工具：在 CSS 过渡和动画中自动应用 class可以配合使用第三方 CSS 动画库，如 Animate.css在过渡钩子函数中使用 JavaScript 直接操作 DOM可以配合使用第三方 JavaScript 动画库，如 Velocity.jsVue 提供了 transition 的封装组件过渡的类名在进入/离开的过渡中。会有6个class的换。v-enter：定

1.基本用法：安装axios cnpm install axios --save在 main.js中引入axios：import Vue from 'vue';import axios from 'axios';Vue.prototype.$axios=axios;2. 在组件中使用axios： this.$axios .get(url, { params: {} }) .then(res => { console.log(res);

监听滚动条事件 // created中调用调用this.listenerFunction方法listenerFunction(e) { document.addEventListener("scroll", this.handleScroll, true); }, beforeDestroy() { document.removeEventListener("scroll", this.listenerFunction); }, ha