Vue专栏

解析：v-for 可以遍历对象，拿到 value、key、index 值 解析： 解析： vue中可以使用ref绑定相应的元素  ref=“name” 然后使用 this.$refs.name  获取

介绍diff算法 diff算法很早就有 diff算法应用很广泛，例如github的Pull request中的代码diff 如果要严格diff两棵树，时间复杂度O(n^3), 不可用 tree dif

生命周期基础： beforeCreate 创建一个空白的vue实例 data method尚未被初始化，不可使用 created vue 实例初始化完成，完成响应式绑定 data method都已经初

vdom Virtual DOM 虚拟DOM 用JS对象模拟DOM节点数据 由React最先推广使用 Vue React 等框架的价值 组件化 数据视图分离，数据驱动视图————这是核心！（更加关注业

区别 mutation：原子操作；必须同步代码； action：可包含多个mutation；可包含异步代码；

分类 props和$emit 自定义事件 $attrs $parent $refs provide/inject Vuex 不同场景 父子组件 上下级组件（跨多级）通讯 全局组件 代码演示 1. pr

两者用途不同 computed用于计算产生新的数据 watch用于监听现有数据 题外话：computed有缓存 computed有缓存（依赖的东西没有变化就不会重新计算） method没有缓存（每次都

路由传参时有query和params query传参： 获取： params传参 获取： 区别: 区别汇总：

参考文档：https://cn.vuejs.org/guide/essentials/conditional.html ## v-if 和 v-for 同时使用 v-if 和 v-for 是不推荐的，

来看官方文档解释：https://cn.vuejs.org/guide/essentials/conditional.html v-if: v-if 指令用于条件性地渲染一块内容。这块内容只会在指令的

列出几个比较显著的变化 1. createApp() 代替了new Vue() 2. v-model代替了以前的v-model和.sync 3. 根元素可以不止一个元素了 4. 新增Teleport传

Compostinon API比Mixins、高阶组件、extends、Renderless Components等更好，原因有三： a. 模板中的数据来源不清晰。 b. 命名空间冲突。 c. 性能更

1.弥补了Object.defineProperty的两个不足 a. 动态创建的data属性需要用Vue.set来赋值，Vue3用了proxy就不需要了。 b. 基于性能考虑，vue2篡改了数组的7个

网上博客讲的很绕，这里做个简单总结： 一般使用v-model实现，v-model是v-bind:value和v-on:input的语法糖 这两个单向绑定是如何实现的？ 参考： https://www.

理解：VueRouter是Vue.js的官方路由。让vue构建单页面应用更方便。 核心概念的名字和作用：router-link router-view 嵌套路由、Hash模式和History模式、导航

理解：Vuex是一个专门为Vue.js应用程序开发的状态管理+库。（Vuex是一个状态管理的库） 核心概念名字和作用： 问：为什么Mutation和Action要分开？ 答：为了让代码更易于维护。 问

父子组件：使用[props和emit]进行通信 爷孙组件： a.使用两次父子组件间进行通信 b.使用[provide + inject]来通信 任意组件：使用eventBus = new Vue()进

Vue2文档写的很清楚，红色空心框中的文字皆为生命周期钩子 (before + ed)： create x2 [beforeCreate & Cteated] mount x2 [beforeMoun

本篇记录项目从0开始的搭建的步骤和相关知识的记录。 项目创建阶段： 看看是否创建成功，把项目先跑起来吧！ 一. 代码规范 1.1. 集成editorconfig配置 EditorConfig 有助于为