data为什么是函数

image.png

v-if 和 v-show区别

image.png

$nextTick()

dom更新之后的延迟回调

v-if & v-for

两者不应该一起使用,因为v-for优先级高于v-if,先渲染后销毁,拖慢了渲染速度

v-router 与 location.href区别

vue-router底层实现用的就是js原生history
区别:

  1. location.href:简单方便,刷新页面 (跳外链)
  2. vue-router:实现了按需加载,减少了dom消耗 (跳内部页面)

    单页面与多页面区别与优缺点

    image.png

    key值作用?可以用数组下标代替吗?

    提供给虚拟dom唯一的值( 让虚拟dom高效更新 ), 不建议 因为数组的增删操作会影响

    vue父子组件加载声明周期执行顺序

    父组件挂载要等子组件先挂载
    image.png