Vue

携手创作，共同成长！这是我参与「掘金日新计划 · 8 月更文挑战」的第8天，点击查看活动详情 喜欢就点个赞吧🎈😊 🎉 前言 snabbodom是虚拟DOM的库，是学习diff的基础，Vue借鉴了sna

携手创作，共同成长！这是我参与「掘金日新计划 · 8 月更文挑战」的第6天，点击查看活动详情 喜欢就点个赞吧🎈😊 🎉 前言 mustach是vue中模板引擎的核心思想，其主要的思想是将模板字符进行to

文章目录 理解过滤器 编码 1). 定义过滤器 2). 使用过滤器 示例 moment.js 引入 用法 理解过滤器 定义：对要显示的数据进行特定格式化后再显示（适用于一些简单逻辑的处理）。 语法：

使用v-model(双向数据绑定)自动收集数据 text/textarea checkbox radio select 没有配置input的value属性，那么收集的就是checked（勾选 or 未

Vue把data中每一组key，value都加加工成了getter ，setter的写法。name的值不是直接获取的，是通过get获取的。当修改name 的时候会调用set。 Vue监视数据的原理：

过滤 过滤操作 可以使用watch也可以使用计算属性，使用计算属性更加简单方便一点 排序 排序操作 例子

key的原理 虚拟DOM中key的作用： key是虚拟DOM对象的标识，当数据发生变化时，Vue会根据【新数据】生成【新的虚拟DOM】, 随后Vue进行【新虚拟DOM】与【旧虚拟DOM】的差异比较，比

8.<router-link>的replace属性 作用：控制路由跳转时操作浏览器历史记录的模式 浏览器的历史记录有两种写入方式：分别为push和replace，push是追加历史记录，replace

3.多级路由（多级路由） 配置路由规则，使用children配置项： 跳转（要写完整路径）： 4.路由的query参数 传递参数 接收参数： 5.命名路由 作用：可以简化路由的跳转。 如何使用 给路由

路由 理解： 一个路由（route）就是一组映射关系（key - value），多个路由需要路由器（router）进行管理。 前端路由：key是路径，value是组件。 1.基本使用 安装vue-ro

Vuex 1.概念 ​ 在Vue中实现集中式状态（数据）管理的一个Vue插件，对vue应用中多个组件的共享状态进行集中式的管理（读/写），也是一种组件间通信的方式，且适用于任意组件间通信。 2.何时使

插槽 作用：让父组件可以向子组件指定位置插入html结构，也是一种组件间通信的方式，适用于 父组件 ===> 子组件 。 分类：默认插槽、具名插槽、作用域插槽 使用方式： 默认插槽： 具名插槽： 作用

vue脚手架配置代理 代理服务器本身就是你所在的协议，服务器地址和端口号。而开启一个代理服务器去请求其他服务器的数据，并没有同源策略限制。同源策略只在web中存在。其中Axios和Ajax和XML都是

Vue封装的过度与动画 作用：在插入、更新或移除 DOM元素时，在合适的时候给元素添加样式类名。 图示： 3. 写法： 准备好样式： 元素进入的样式： v-enter：进入的起点 v-enter-ac

nextTick 语法：this.$nextTick(回调函数) 作用：在下一次 DOM 更新结束后执行其指定的回调。 什么时候用：当改变数据后，要基于更新后的新DOM进行某些操作时，要在nextTi

消息订阅与发布（pubsub） 一种组件间通信的方式，适用于任意组件间通信。 使用步骤： 安装pubsub：npm i pubsub-js 引入: import pubsub from 'pubsub

全局事件总线是在vm上进行挂在。Vuex能够使得各个组件间能够进行通讯 全局事件总线（GlobalEventBus） 一种组件间通信的方式，适用于任意组件间通信。 安装全局事件总线： 使用事件总线：

自定义事件是为了解决父子之间的信息传递功能 主要由三种方法： 一种组件间通信的方式，适用于：子组件 ===> 父组件 使用场景：A是父组件，B是子组件，B想给A传数据，那么就要在A中给B绑定自定义事件

render是一个函数，并且在render(createElement)中createElement它也是一个函数，render函数是Vue自动调用的，为的是解决引入残缺的Vue库时造成的不解析。 <

定义 组件是包含局部资源的整合 非单文件组件 一个文件中包含n个组件 单文件组件 一个文件只包含一个组件 Api Vue.extend()，组件不需要写el配置项，所有的组件都是要被一个vm管理，由v