vue2

document.execCommand('copy') 在很久之前我们是使用document.execCommand('copy')来实现复制文本的，但是现在mdn上已经将这个命令废弃了。 当一个

路由的使用 路由的使用就是根据匹配的路径信息将正确的组件渲染到模板中定义的的位置。其中使用路由有两种方式：第一种是, 另外一种就是编程式路由。 路由使用的方式 1. router-link声明式路由

路由 路由其实就是一组映射关系（key-value）。其中key为路径，value可能就是function或组件。 路由的分类 路由分为前端路由和后端路由 1. 前端路由 前端路由中value是com

辅助函数 首先我们先来介绍几个辅助函数: mapState, mapGetters, mapMutations, mapActions。可以发现它们有一个共同点，就是map+组成部分，这些辅助函数的主

vue.config.js文件 vue.config.js其实主要目的就是导出一个对象，这个对象里面有很多配置。 以我项目中代码为例，vue.config.js中的内容如下： vue.config.j

vuex 状态管理模式 在普通组件中，一般是单向状态管理，也就是下图这种情况 但是，当我们的应用遇到多个组件共享状态时，单向数据流的简洁性很容易被破坏： 多个视图依赖于同一状态。 来自不同视图的行为需

代理 我们在实际开发的时候，需要和后端人员联调接口，这时候需要连接它们本地或环境上的服务器，如果直接访问服务器的时候，是会发生跨域问题的。配置代理是可以解决这种跨域问题的。 vue配置代理 vue配置

插槽 1. 什么是插槽 注意： 只有在组件中使用了slot标签占位之后，组件标签之间的内容才能被渲染，否则是会被抛弃的 2. 插槽的编译作用域 插槽里面的内容是父组件根据自身的实际情况来定义的，是属于

动画 在vue中动画分为两种，一种是过渡效果，一种是动画效果。这些动画效果都可以通过transition标签来实现。 进入/离开 & 列表过渡 1. 单元素/组件的过渡 对于这类过渡效果，我们主要是通

$nextTick的定义 根据vue官方介绍，$nextTick的定义如下： 可以简单地理解成vue会在渲染完DOM节点之后再执行$nextTick里面的回调函数。 案例介绍 看完上面的介绍，你可能还

插件 常见功能 一般有下面几种功能 添加全局方法或者 property。如: vue-custom-element 添加全局资源: 指令/过滤器/过渡等。如 vue-touch 通过全局混入来添加一些

混入 概念 功能 混入可以将多个组件中的公共配置提取成一个混入对象。这样就可以实现代码的复用。 语法 混入和过滤器等配置类似，也有两种使用方式：全局混入和局部混入。 首先注册一个mixin对象 1.

props 1. 语法 1.1 数组 props属性值如果是数组的话，那么主要就是用来接收数据的。 1.2 对象 对象允许配置高级选项，如类型检测、自定义验证和设置默认值。主要配置项如下： type:

ref 在学习ref之前，我们可以根据document来获取元素的。像这样 效果如下： 当然我们也可以使用ref来获取元素 ref的用法 ref可以用来获取元素和组件。现在来看一下具体的用法 1. r

使用脚手架创建项目 1. 如何选择vue cli版本 众所周知，vue分为2.x和vue3.x版本，同样vue的脚手架vue cli也分为好几个版本，有：1.x, 2.x, 3.x, 4.x, 5.x

组件到底是什么 从代码层面来看，组件的本质就是一个名叫VueComponent的构造函数。 这里以非单文件组件来看： 效果如下： 那为什么会是一个VueComponent的构造函数，是因为我们在创建v

组件 之所以会出现组件，最大的目的就是为了提高代码的复用性。组件主要分为三个步骤： 创建组件 定义组件 使用组件 1. 创建组件 创建组件有两种方式：非单文件组件和单文件组件 1.1 单文件组件 单文

生命周期 生命周期是指组件从创建，运行到销毁的阶段。而生命周期函数（也叫生命周期钩子）是vue在关键的时刻帮我们调用的一些特殊名称的函数，会根据生命周期的阶段，依次执行。 从上图可以看出，vue的生命

定义自定义指令 1. 全局指令和局部指令 自定义指令和过滤器一样，按照作用域来划分也分为两种：全局指令和局部指令 定义全局指令 或者 定义局部指令 或者 2. 函数式自定义指令和对象式自定义指令 自定

v-text指令 v-text指令是来更新元素的文本内容，如果是更新部分文本内容则需要使用插值语法。 它和插值语法的差别是它可以替换元素的文本节点，而插值语法不可以。 效果如下： v-html指令 v