Vue.config.productionTip 的作用

productionTip = true （默认）时–

productionTip = fasle 时，就没有了红框内的提示信息

阅读更多

Vue CLI

Vue cli(Command Line Interface)–

是官方提供的脚手架工具，提供搭建好的一套利用webpack管理 vue 的项目结构

阅读更多

Vue 特殊特性

已经有几个特殊特性：key、is、slot、等已经有整理到，它们分别应用于–

• 解决 v-for 数据混乱
• 指定动态组件渲染哪个组件
• 插槽：向组件中动态插入其他元素

  另一个特性：ref

阅读更多

Vue 选项/数据

**computed 与 methods 的区别–**两个核心点，

1. 属性调用(methods是方法调用)，直接用插值表达式{{属性名}}来调用，而 methods 需要在方法名后面加上”()”。
2. 能够缓存，methods 中的函数，调用即执行，意味着有几处用到了该函数，就执行计算几次，而 computed 的话，只需调用计算一次，得到返回值即可，其他调用可直接使用该缓存的返回值，避免内存的浪费
3. 详见https://cn.vuejs.org/v2/guide/computed.html

阅读更多

Vue 生命周期图示

阅读更多

Vue Router

What’s it？

Vue Router即路由，它的作用和 v-if、v-show 一样，用于切换组件显示，但是–

• v-if、v-show 是根据标记切换 (true/false)
• Vue Router是根据哈希切换 (#/xxx)
  • 更强的是，它能够在切换时传参

阅读更多

Vue.$mount()方法

用来将自己手撕的全局 API 扩展或实例手动挂载到 DOM 上

• 项目中可用于延时挂载(如在挂载前先进行其他操作、判断等)，之后再手动挂载上
• new Vue 时，$mount 和el并没有本质上的不同

阅读更多

CSS 设置图片 hover 时放大镜动效

1. 需要给`<img>`加一个父元素，设置`overflow:hidden`
2. 使用scale("比例")将元素基于中心按比例缩放

阅读更多

HTML 属性和 DOM 属性的区别

页面是如何形成的–

阅读更多

JS Array.filter()数组过滤器

1. 该方法接收一个回调**函数**作为参数
2. 该方法会为数组中每个元素调用一次回调函数(通过将其作为参数传入)，每次调用，要求回调函数return一个bool值
3. 该方法会根据返回值，保留为true的元素，舍弃为false的元素

阅读更多