Vue

私有自定义指令 在每个 vue 组件中，可以在 directives 节点下声明私有自定义指令。 在使用自定义指令时，需要加上 v- 前缀。 在 template 结构中使用自定义指令时，可以通过等号

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

动态组件指的是动态切换组件的显示与隐藏 vue 提供了一个内置的 <component> 组件，专门用来实现动态组件的渲染。 keep-alive 保持状态 默认情况下，切换动态组件时无法保持组件的状

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

父组件 传 子组件 父组件向子组件共享数据需要使用自定义属性 父组件 子组件 子组件 传 父组件 子组件向父组件共享数据使用自定义事件。 子组件 兄弟组件传值 在 vue2.x 中，兄弟组件之间数据共

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

props 是组件的自定义属性，在封装通用组件的时候，合理地使用 props 可以极大的提高组件的复用性！ 要想修改props的值，可以把props的值转存到data中 default 默认值 在声明

组件之间的关系 组件在被封装好之后，彼此之间是相互独立的，不存在父子关系 在使用组件的时候，根据彼此的嵌套关系，形成了父子关系、兄弟关系 组件的基本使用 1. import 步骤1：使用 import

计算属性指的是通过一系列运算之后，最终得到一个属性值。 这个动态计算出来的属性值可以被模板结构或 methods 方法使用。 计算属性的特点 ① 虽然计算属性在声明的时候被定义为方法，但是计算属性的本

watch 侦听器允许开发者监视数据的变化，从而针对数据的变化做特定的操作。 基础使用 immediate 选项 默认情况下，组件在初次加载完毕后不会调用 watch 侦听器。如果想让 watch 侦

移动端h5不支持font-family里面的楷体、微软雅黑等字体 移动端各种系统有各自的字体： ios 系统 默认中文字体是Heiti SC 默认英文字体是Helvetica 默认数字字体是Helve

多Y轴 多Y轴案例 蓝色的线，对应左Y轴。绿色的线，对应右Y轴 代码示例 特殊配置项 yAxis 当只需要一个Y轴时，Y轴定义为 yAxis: {} 当需要多个Y轴时，yAxis: [{},{}] a

当页面数据需要重载时，需要刷新页面才能显示 this.$router.go(0) 这种方法虽然代码很少，只有一行，但是体验很差。页面会一瞬间的白屏，体验不是很好 vue-route 重新路由到当前页面

登录后，发生了页面错位的情况，但是刷新该页面又好了。 解决办法： 在登录页面的style中加上scoped 这个可选 scoped 属性会自动添加一个唯一的属性，为组件内 CSS 指定作用域

原因：v-for时，key值不唯一（一般出现在 v-for循环生成列表，对key值处理不当时） 解决办法： 找到出错的目录： 源代码 解决：