vue2.0

导航守卫可以控制路由的访问权限。示意图如下： 全局前置守卫 每次发生路由的导航跳转时，都会触发全局前置守卫。因此，在全局前置守卫中，程序员可以对每个路由进行 访问权限的控制。 全局前置守卫的回调函数中

vue-router 安装和配置的步骤 ① 安装 vue-router 包 ② 创建路由模块 在 src 源代码目录下，新建 router/index.js 路由模块，并初始化如下的代码： ③ 导入并

main.js 挂载方式 使用方式xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx

什么是自定义指令 vue 官方提供了 v-text、v-for、v-model、v-if 等常用的指令。除此之外 vue 还允许开发者自定义指令。 自定义指令的分类 vue 中的自定义指令分为两类，分

什么是插槽 插槽（Slot）是 vue 为组件的封装者提供的能力。允许开发者在封装组件时，把不确定的、希望由用户指定的 部分定义为插槽。 可以把插槽认为是组件封装期间，为用户预留的内容的占位符。 插槽

什么是动态组件 动态组件指的是动态切换组件的显示与隐藏。 如何实现动态组件渲染 vue 提供了一个内置的 组件，专门用来实现动态组件的渲染。示例代码如下： 使用 keep-alive 保持状态 默认情

some循环 some()是对数组中每一项遍历，只要有一项返回true，则返回true，即：有true为true every循环 every ( ) 是对数组中每一项遍历，每一项返回true,则返回t

什么是 ref 引用 ref 用来辅助开发者在不依赖于 jQuery 的情况下，获取 DOM 元素或组件的引用。 每个 vue 的组件实例上，都包含一个 $refs 对象，里面存储着对应的 DOM 元

父组件向子组件共享数据 父组件向子组件共享数据需要使用自定义属性。示例代码如下： 子组件向父组件共享数据 子组件向父组件共享数据使用自定义事件。示例代码如下： 兄弟组件之间的数据共享 vue2.x 中

组件的生命周期 生命周期 & 生命周期函数 生命周期（Life Cycle）是指一个组件从创建 -> 运行 -> 销毁的整个阶段，强调的是一个时间段。 生命周期函数：是由 vue 框架提供的内置函数，

组件之间的样式冲突问题 默认情况下，写在 .vue 组件中的样式会全局生效，因此很容易造成多个组件之间的样式冲突问题。 导致组件之间样式冲突的根本原因是： ① 单页面应用程序中，所有组件的 DOM 结

vue 组件 组件在被封装好之后，彼此之间是相互独立的，不存在父子关系 在使用组件的时候，根据彼此的嵌套关系，形成了父子关系、兄弟关系 使用组件的三个步骤 在App.vue中使用组件三个步骤 通过 c

什么是 vue-cli vue-cli 是 Vue.js 开发的标准工具。它简化了程序员基于 webpack 创建工程化的 Vue 项目的过程。 引用自 vue-cli 官网上的一句话： 程序员可以专

axios 是一个专注于网络请求的库Axios 的基础用法 axios 的基础语法 发起GET请求 发起 POST 请求

## 什么是 watch 侦听器 watch 侦听器允许开发者监视数据的变化，从而针对数据的变化做特定的操作。 语法格式如下： ![chrome_ZC5Cdq8q3y](https://p3-juej

过滤器 过滤器（Filters）是 vue 为开发者提供的功能，常用于文本的格式化。过滤器可以用在两个地方：插值表达式和 v-bind 属性绑定。 过滤器应该被添加在 JavaScript 表达式的尾

指令的概念 指令（Directives）是 vue 为开发者提供的模板语法，用于辅助开发者渲染页面的基本结构。 vue 中的指令按照不同的用途可以分为如下 6 大类： ① 内容渲染指令 ② 属性绑定指

基本使用步骤 导入 vue.js 的 script 脚本文件 在页面中声明一个将要被 vue 所控制的 DOM 区域 创建 vm 实例对象（vue 实例对象） 基本代码与 MVVM 的对应关系 安装