vue学习之应用层问题

1.$nextTick（）作用
dom更新之后延迟回调
如A组件中调用B组件，要在A中获取B中的某个元素（this.$refs.b.dn()）必须得B加载完毕
=>$nextTick(){
this.$refs.b.dn()
}

2.单页应用（SPA）与多页应用：
单页面应用：只有一个主页面的应用，如vue。浏览器一开始就要加载所有的html，css，js
组件=》页面片段
页面跳转=》局部刷新
场景=》多用于pc端
优点：体验好，一次性加载，快。 改动不用一次性加载整个页面。前后端分离。效果可以很炫酷
缺点：不利于SEO。初次加载慢。页面复杂度高
多页面应用：整页刷新，其他与单页相反

3.v-if与v-for不一起使用
一起使用是v-for优先级高于v-if，先执行v-for，即v-if会在每个for循环中都会运行，可以把v-if放到v-for外部

4.Vue-router和location.href区别
location.href：为原生js，使用方便，刷新页面（跳外部链接时考虑）
Vue-router:实现按需加载，减少dom消耗，底层是封装的js原生history（跳内部页面时优先考虑）