Vue-Plugin

之前所用的Vue.use,是注册插件的一种方式，它也可以用来注册组件，这需要先把组件封装成插件

阅读更多

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 生命周期图示

阅读更多

“SEO”

Search Engine Optimization：汉译为搜索引擎优化。

是一种方式：利用搜索引擎的规则提高网站在有关搜索引擎内的自然排名

阅读更多

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("比例")将元素基于中心按比例缩放

阅读更多