路虎哥哥

摘要： v-for的优先级比v-if高。 解决方法1：修改eslint配置文件忽略v-for与v-if 不能同时使用的规则 .eslintrc.js rules中添加 "vue/no-use-v-if-with-v-for": ["error", { "allowUsingIterationVar": tr 阅读全文

摘要： Vue为什么不能使用箭头函数？ Vue组件本质上是一个 JS 对象； Vue 生命周期和 method 中也不能使用箭头函数。 React 组件（非Hooks）他本质上是一个 ES6 的 class，两者不同； React可以使用箭头函数！ 阅读全文

摘要： 与 2.x 版本生命周期相对应的组合式 API beforeCreate -> 使用 setup() created -> 使用 setup() beforeMount -> onBeforeMount mounted -> onMounted beforeUpdate -> onBeforeUpd 阅读全文

摘要： vue里的data为什么是一个函数? 因为组件是用来复用的，且 JS 里对象是引用关系， 如果组件中 data 是一个对象，那么这样作用域没有隔离，子组件中的 data 属性值会相互影响， 如果组件中 data 选项是一个函数，那么每个实例可以维护一份被返回对象的独立的拷贝，组件实例之间的 data 阅读全文

摘要： vue两大核心： 组件化，组件化就是将一个整理和拆分为一个一个小块（组件），组件可重复使用。可以简单的是认为组件是一个自定义标签的过程。 数据驱动。是让dom随着数据的变化自然而然的变化。开发者不必过多关注dom，只需要将数据组织好即可。 阅读全文

摘要： 8大钩子函数： beforeCreate 一般使用场景是在加 loading事件 的时候，只是一个空壳，无法访问数据和dom，一般不做操作； created 处于loading结束后，还做一些初始化，实现函数自执行（data数据已经初始化，但是DOM结构未渲染完成，组件没有加载）绑定事件，挂载数据； 阅读全文

摘要： actions：异步的行动，功能和mutations是类似的， 都是去改变store里的state，不过actions和mutation有两点不同： < 1. actions 主要处理的是异步操作，mutations 必须同步执行，而actions 不受这样的限制，也就是说，actions我们即可以 阅读全文

摘要： vuex是vue配套的公共管理数据，可以在多个组件之间保持一致的数据。我们可以将共享的数据保存到vuex中。以后在任何组件中都可以获取和修改vuex中保存的公共数据了。 1. store{} // 贮存，用于保存共享数据，相当于vue中的data。 在使用Vuex的时候通常会创建Store实例new 阅读全文

摘要： vue父子组件生命周期执行顺序  1.首先执行的是父组件的beforeCreate 2.执行的是父组件的created周期 3.执行的是父组件的beforeMount周期 4.执行的是子组件的beforeCreate周期 5.执行的是子组件的created周期 6.执行的是子组件的beforeMo 阅读全文

摘要： vue中mixin使用和事件执行顺序： 混入 (mixins)： 是一种分发 Vue 组件中可复用的功能。混入对象可以包含任意组件选项。当组件使用混入对象时，所有混入对象的选项将被混入该组件本身的选项。 这概念有点懵，理解就是：mixins就是组件的变量、方法抽离。方便在多个组件引用同样的方法 （注 阅读全文